jQuery技术:Jquery确认样本

$(document).ready(function () { $("#btnSend").click(function (e) { var result = window.confirm('Are you sure?'); if (result == false) { e.preventDefault(); }; }); }); 

访问以下网站。 你会发现jquery插件库开发的这么多确认框。

我建议你看看jQuery UI的对话框小部件 。 jQuery UI是jQuery的官方用户界面库。 所以你一定要避免代码的浴室墙 ?

也; 这个图书馆周围的文档和社区是巨大的。 所以，如果你我们被困住了; 你一定会得到帮助。

试试这个例子……

在存在删除按钮的视图页面中，键入此代码。

 
 
  This will be permanently deleted in our system and cannot be recovered. Do you want to continue? 
  

触发删除按钮的示例（将其放在您的js文件中）：

 $("#deletebutton").click(function() { $('#dialog-confirm').dialog('open'); } // jquery-ui confirm dialog box $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, modal: true, buttons: { 'Remove': function() { // remove what you want to remove // do something here }, Cancel: function() { $(this).dialog('close'); } } }); 

注意：不要忘记在头文件中包含jquery脚本和jquery-ui插件脚本。 没有这个文件，这将无法正常工作。

你可以在这里下载jquery-ui插件。

如果您还有其他问题，请发表评论。 ：d

你可以在这里查看jAlerts和demo

我已经使用它很长一段时间了，并对它感到满意。 您可以自定义所需的方式并跨浏览器工作。

Jquery确认对话框一定不难做，我自己制作了一个确认插件， jquery-confirm支持现代function。

首先，您必须考虑如何初始化您的确认。
直接pluginname({title: 'amazing'});
或绑定到元素$('.e').pluginname({title:'amazing'})

然后你在哪里附加插件HTML内容。 您可以为用户提供选项，并将其设置为$('body')

打开和关闭您的确认事项也可以通过
JS或CSS。 例如你的HTML标记是

您设置了CSS规则

 .myplugin-container{ visibility: hidden; transition: all .4s; //transition last for .4s. transform: scale(0); //by default the modal is scaled to 0. } .myplugin-container.show{ visibility: visible; transform: scale(1); } 

当您在DOM中加载确认插件的html时，由于上述规则，它将被隐藏。 在你的JS代码中，你将一个类添加到你的.myplugin-container
$('.myplugin-container').addClass('show')
此时，您的确认对话框将显示一个开始动画。 从较小到正常。

需要了解更多jQuery教程分享Jquery确认样本，都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!