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 变量作用域 代码分析
Jun 26 Javascript
js url传值中文乱码之解决之道
Nov 20 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
js中不同的height, top的区别对比
Sep 24 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
js实现对table的增加行和删除行的操作方法
Oct 13 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
JS实现点击Radio动态更新table数据
Jul 18 Javascript
mock.js实现模拟生成假数据功能示例
Jan 15 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
利用js canvas实现五子棋游戏
Oct 11 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
用PHP创建PDF中文文档
2006/10/09 PHP
用PHP实现验证码功能
2006/10/09 PHP
编写PHP程序检查字符串中的中文字符个数的实例分享
2016/03/17 PHP
限制文本字节数js代码
2007/03/06 Javascript
JavaScript 保存数组到Cookie的代码
2010/04/14 Javascript
cument.execCommand()用法深入理解
2012/12/04 Javascript
基于SVG的web页面图形绘制API介绍及编程演示
2013/06/28 Javascript
JSON+HTML实现国家省市联动选择效果
2014/05/18 Javascript
Javascript基础教程之while语句
2015/01/18 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
微信小程序之选项卡的实现方法
2017/09/29 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
vue form check 表单验证的实现代码
2018/12/09 Javascript
layui文件上传控件带更改后数据传值的方法
2019/09/23 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
python搭建微信公众平台
2016/02/09 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
PyQt5每天必学之进度条效果
2018/04/19 Python
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
最便宜促销价格订机票:Airpaz(总部设在印尼,支持中文)
2018/11/13 全球购物
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
法院实习人员自我鉴定
2013/09/26 职场文书
优秀党员转正的自我评价
2013/10/06 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
禁毒宣传标语
2014/06/19 职场文书
志愿者活动总结报告
2014/06/27 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
MySQL Router的安装部署
2021/04/24 MySQL
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js
Python学习之异常中的finally使用详解
2022/03/16 Python