日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)

發布時間:2025/7/14 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

前不久在官方網站是看見這個插件,所以今天趁有空就看了一下,隨便給大家共享一下。也許你早已知道了

,如果是這樣那請跳過,不要拍磚。

這個Jquery插件的目的是替代JavaScript的標準函數alert(),confirm(),和 prompt()。這個插件有

如下這些特點:

? 1:這個插件可以使你可以支持你自己的css制定。使你的網站看起來更專業。

?? 2:允許你自定義對話框的標題。

? 3:在IE7中,可以使你避免使用JavaScript 的prompt()函數帶來的頁面重新加載。

?? 4:這些方法都模擬了Windows的模式對話框。在你改變改變瀏覽器窗口大小時候,它能夠自適應用戶

窗口的調整。

?? 5:如果你引入了jQuery UI Draggable plugin插件,那這個插件也可以被自由拖動。

先在這里說插件的下載地址,以供有需之人下載:

http://labs.abeautifulsite.net/projects/js/jquery/alerts/jquery.alerts-1.1.zip

一:首先在<head></head>導入JQuery,jquery.ui.draggable

和jquery.alerts的 css、js文件。

<script src="/path/to/jquery.js" type="text/javascript"></script>

<script src="/path/to/jquery.ui.draggable.js" type="text/javascript"></script>

<script src="/path/to/jquery.alerts.js" type="text/javascript"></script>

<link href="/path/to/jquery.alerts.css" rel="stylesheet" type="text/css" media="screen" />

為了在iE中正確的使用alert插件,你還得在Page中加入何時DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

二:使用

我們可以用下列方式來使用這個Jquery插件。

jAlert(message, [title, callback])jConfirm(message, [title, callback])jPrompt(message, [value, title, callback])

注:不同于Javascript標準函數,我們可以在message中使用HTML參數顯示你的提示信息。

三:兼容性:

alert插件要求我們必須使用JQuery1.2.6或以上的jQuery包。

已經被測試能夠在IE6、IE7、FF2、FF3、Safari 3 、Chrome 、Opera 9瀏覽器上很好的運行。

四:Demo:

注:在Demo中么有引入dragonable插件所以不能拖拽

Test AlertjAlert('This is a custom alert box;<br/> <a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'Alert Dialog');

Test ConfirmjConfirm('Can you confirm this?<br/> <a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); });

Test PromptjPrompt('Type something:<br/>< a href=\"http://www.cnblogs.com/whitewolf/\"> 本示例來自破浪博客</a>', 'WhiteWolf', 'Prompt Dialog', function(r) { if( r ) alert('You entered ' + r); });

本博客中同類文章還有,請見:我jQuery系列之目錄匯總

轉載于:https://www.cnblogs.com/whitewolf/archive/2010/05/09/1731120.html

總結

以上是生活随笔為你收集整理的jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。