jQuery UI插件自定义confirm确认框的方法

本文实例讲述了jQuery UI插件自定义confirm确认框的方法分享给大家供大家参考。具体分析如下:

这段代码通过jQuery UI自定义一个confirm的确认对话框效果,通过HTML代码自定义对话框的显示界面和外观,可以自定义confirm框的按钮,本例中定义了一个confirm确认按钮和一个cancel取消按钮。

HTML代码

rush:xhtml;">

jS代码

rush:js;"> $("#dialog").dialog({ autoOpen: false,modal: true,buttons : { "Confirm" : function() { alert("You have confirmed!"); },"Cancel" : function() { $(this).dialog("close"); } } }); $("#callConfirm").on("click",function(e) { e.preventDefault(); $("#dialog").dialog("open"); });

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...