Jquery确认样本
我想有更多关于jquery确认框的示例。
我已经通过以下示例学习了如何显示确认对话框：
http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/
但是，我需要更多彩色和有吸引力的样品，你能帮忙吗？
$(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')
此时，您的确认对话框将显示一个开始动画。 从较小到正常。