jquery alert的基本使用

最新推荐文章于 2026-04-28 07:22:57 发布

原创最新推荐文章于 2026-04-28 07:22:57 发布 · 1.8w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery #callback #jquery插件 #dialog #stylesheet

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在项目中使用jQuery Alerts插件创建自定义警告框、确认框及输入框。该插件允许使用HTML参数以增强提示信息的表现形式，并且在多种浏览器环境下均能良好运行。

jQuery Alert Dialogs

2010-06-17 09:45

一：首先在<head></head>导入JQuery,jquery.ui.draggable(可以省略)
和jquery.alerts的 css、js文件。
<script src="/path/to/jquery.js" type="text/javascript"></script>

为了在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 Alert
jAlert('This is a custom alert box',
'Alert Dialog'); Test Confirm
jConfirm('Can you confirm this',
'Confirmation Dialog', function(r) {
jAlert('Confirmed: ' + r, 'Confirmation Results');
}); Test Prompt
jPrompt('Type something',
'Prefilled value', 'Prompt Dialog', function(r) {
if( r ) alert('You entered ' + r);
});