jquery alert的基本使用

jQuery Alert Dialogs
2010-06-17 09:45

一:首先在导入JQuery,jquery.ui.draggable(可以省略)
和jquery.alerts的 css、js文件。

为了在iE中正确的使用alert插件,你还得在Page中加入何时DTD:

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

你可能感兴趣的:(jquery)