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


Posted in Javascript onMarch 20, 2015

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

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

html代码

<button id="callConfirm">Confirm!</button>
<div id="dialog" title="Confirmation Required">
 Are you sure about this?
</div>​

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程序设计有所帮助。

Javascript 相关文章推荐
javascript 嵌套的函数(作用域链)
Mar 15 Javascript
JQuery对表格进行操作的常用技巧总结
Apr 23 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
BootStrap的两种模态框方式
May 10 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
React之PureComponent的使用作用
Jul 10 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 #Javascript
原生Js实现简易烟花爆炸效果的方法
Mar 20 #Javascript
Javascript调用函数方法的几种方式介绍
Mar 20 #Javascript
初识Node.js
Mar 20 #Javascript
JavaScript Sort 的一个错误用法示例
Mar 20 #Javascript
JS实现的数组全排列输出算法
Mar 19 #Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 #Javascript
You might like
让你成为更出色的PHP开发者的10个技巧
2011/02/25 PHP
php生成过去100年下拉列表的方法
2015/07/20 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
2011/08/28 Javascript
JSON无限折叠菜单编写实例
2013/12/16 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
JavaScript根据json生成html表格的示例代码
2018/10/24 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
react PropTypes校验传递的值操作示例
2020/04/28 Javascript
在Django同1个页面中的多表单处理详解
2017/01/25 Python
python opencv之SURF算法示例
2018/02/24 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
Django的models模型的具体使用
2019/07/15 Python
python使用rsa非对称加密过程解析
2019/12/28 Python
django中嵌套的try-except实例
2020/05/21 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
巧用CSS3的calc()宽度计算做响应模式布局的方法
2018/03/22 HTML / CSS
重阳节登山活动方案
2014/02/03 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
导师工作推荐信范文
2014/05/17 职场文书
大学生志愿者活动总结
2014/06/27 职场文书
科学发展观活动总结
2014/08/28 职场文书
解放思想演讲稿
2014/09/11 职场文书
股东授权委托书范本
2014/09/13 职场文书
同学毕业留言寄语
2015/02/27 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS
浅谈golang 中time.After释放的问题
2021/05/05 Golang
正则表达式拆分url实例代码
2022/02/24 Java/Android
 Python 中 logging 模块使用详情
2022/03/03 Python
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers