當(dāng)前位置：首頁 >

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

發(fā)布時間：2025/7/14 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery Alert Dialogs (Alert, Confirm, Prompt Replacements)(翻译) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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

，如果是這樣那請?zhí)^，不要拍磚。

這個Jquery插件的目的是替代JavaScript的標(biāo)準(zhǔn)函數(shù)alert()，confirm（），和 prompt（）。這個插件有

如下這些特點：

? 1：這個插件可以使你可以支持你自己的css制定。使你的網(wǎng)站看起來更專業(yè)。

?? 2：允許你自定義對話框的標(biāo)題。

? 3：在ＩＥ７中，可以使你避免使用JavaScript 的prompt（）函數(shù)帶來的頁面重新加載。

?? 4：這些方法都模擬了Windows的模式對話框。在你改變改變?yōu)g覽器窗口大小時候，它能夠自適應(yīng)用戶

窗口的調(diào)整。

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

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

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

一：首先在<head></head>導(dǎo)入JQuery,jquery.ui.draggable

和jquery.alerts的 css、js文件。

為了在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標(biāo)準(zhǔn)函數(shù)，我們可以在message中使用HTML參數(shù)顯示你的提示信息。

三：兼容性：

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

已經(jīng)被測試能夠在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系列之目錄匯總

轉(zhuǎn)載于:https://www.cnblogs.com/whitewolf/archive/2010/05/09/1731120.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。