jquery中的自定义警报和确认框

在jquery是否有任何alert和confirm对话框，其中包含自定义标题和自定义内容。 我搜索了很多网站但找不到合适的网站。 任何网站链接或任何内容都是可观的。

Answer 1

我使用jquery UI组件制作了自定义消息框。 这是演示http://jsfiddle.net/eraj2587/Pm5Fr/14/

你必须只传递标题名称，消息，按钮的文本等参数。 您可以在任何按钮单击上指定触发器function。 这对你有帮助。

Answer 2

尝试使用SweetAlert只是最好的。 您将获得大量的定制和灵活性。

确认示例

 sweetAlert( { title: "Are you sure?", text: "You will not be able to recover this imaginary file!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!" }, deleteIt() ); 

Answer 3

检查jsfiddle http://jsfiddle.net/CdwB9/3/并单击删除

 function yesnodialog(button1, button2, element){ var btns = {}; btns[button1] = function(){ element.parents('li').hide(); $(this).dialog("close"); }; btns[button2] = function(){ // Do nothing $(this).dialog("close"); }; $("
").dialog({ autoOpen: true, title: 'Condition', modal:true, buttons:btns }); } $('.delete').click(function(){ yesnodialog('Yes', 'No', $(this)); }) 

这应该对你有帮助

Answer 4

试试这个。 此链接提供了许多示例

http://stefangabos.ro/jquery/zebra-dialog/

http://www.bitrepository.com/stylish-javascript-dialog-boxes.html

http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/

它会帮助你

Answer 5

您可以使用JQuery UI的对话框小部件

http://jqueryui.com/dialog/

Answer 6

jQuery UI拥有它自己的元素，但jQuery本身却没有。

http://jqueryui.com/dialog/

工作范例：

             
 
This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.