jquery alert的基本使用

最新推荐文章于 2022-11-16 10:54:32 发布

xwygn

最新推荐文章于 2022-11-16 10:54:32 发布

阅读量1.8w

点赞数

分类专栏： jquery 文章标签： jquery callback jquery插件 dialog stylesheet function

本文链接：https://blog.csdn.net/xwygn/article/details/6652521

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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);
});

xwygn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
jquery alert的基本使用

jQuery Alert Dialogs2010-06-17 09:45一：首先在导入JQuery,jquery.ui.draggable(可以省略)和jquery.alerts的 css、js文件。为了在iE中正确的使用a
复制链接

扫一扫