jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻譯)

發(fā)布時間：2020-04-04 04:34:48 來源：網(wǎng)絡閱讀：660 作者：破狼欄目：web開發(fā)

前不久在官方網(wǎng)站是看見這個插件，所以今天趁有空就看了一下，隨便給大家共享一下。也許你早已知道了，如果是這樣那請?zhí)^，不要拍磚。

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

如下這些特點：

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

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

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

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

窗口的調整。

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

三：兼容性：

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

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

四：Demo：

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

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

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

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

向AI問一下細節(jié)

jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)(翻譯)

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

和jquery.alerts的 css、js文件。

二：使用

三：兼容性：

四：Demo：

猜你喜歡

最新資訊

相關推薦

相關標簽

和jquery.alerts的 css、js文件。