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 相关文章推荐
Jquery Validate 正则表达式实用验证代码大全
Aug 23 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
JavaScript立即执行函数的三种不同写法
Sep 05 Javascript
js+css绘制颜色动态变化的圈中圈效果
Jan 27 Javascript
js简单倒计时实现代码
Apr 30 Javascript
快速解决js开发下拉框中blur与click冲突
Oct 10 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
对vux点击事件的优化详解
Aug 28 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
vue实现图片上传预览功能
Dec 23 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
ThinkPHP3.1新特性之动态设置自动完成和自动验证示例
2014/06/19 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
thinkPHP3.2简单实现文件上传的方法
2016/05/16 PHP
php使用ftp远程上传文件类(完美解决主从文件同步问题的方法)
2016/09/23 PHP
Redis使用Eval多个键值自增的操作实例
2016/11/04 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
原生js二级联动效果
2017/06/20 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
微信小程序图片选择区域裁剪实现方法
2017/12/02 Javascript
javascript将json格式数组下载为excel表格的方法
2017/12/22 Javascript
详解基于Node.js的HTTP/2 Server实践
2018/05/31 Javascript
Python基于递归算法实现的走迷宫问题
2017/08/04 Python
python+django加载静态网页模板解析
2017/12/12 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
简单了解django索引的相关知识
2019/07/17 Python
python读取大文件越来越慢的原因与解决
2019/08/08 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
Python代码覆盖率统计工具coverage.py用法详解
2020/11/25 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
Eagle Eyes Optics鹰眼光学:高性能太阳镜
2018/12/07 全球购物
Theo + George官方网站:都柏林时尚品牌
2019/04/08 全球购物
如何获得EntityManager
2014/02/09 面试题
中文专业毕业生自荐信
2014/05/24 职场文书
本溪水洞导游词
2015/02/11 职场文书
导游词之无锡唐城
2019/12/12 职场文书
Python time库的时间时钟处理
2021/05/02 Python
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python