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实现textarea输入字符控制(仿微博输入控制字符)
Apr 26 Javascript
判断是否安装flash player及当前版本的JS代码
Aug 08 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
Oct 20 Javascript
生成二维码方法汇总
Dec 26 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
jQuery实现弹出窗口中切换登录与注册表单
Jun 05 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
javascript生成大小写字母
Jul 03 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
从零开始实现Vue简单的Toast插件
Dec 03 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
JS实现简易日历效果
Jan 25 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
合作指挥官:孟斯克
2020/03/16 星际争霸
解决PhpMyAdmin中导入2M以上大文件限制的方法分享
2014/06/06 PHP
jquery获取多个checkbox的值异步提交给php的方法
2015/06/24 PHP
PHP实现JS中escape与unescape的方法
2016/07/11 PHP
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
使用简洁的jQuery方法实现隔行换色功能
2014/01/02 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
[45:40]Ti4 冒泡赛第二天NEWBEE vs NaVi 1
2014/07/15 DOTA
Python json模块使用实例
2015/04/11 Python
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
Django中自定义查询对象的具体使用
2019/10/13 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
python安装读取grib库总结(推荐)
2020/06/24 Python
运行Python编写的程序方法实例
2020/10/21 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
Html5 canvas画图白板踩坑
2020/06/01 HTML / CSS
澳大利亚百货公司:David Jones
2018/02/08 全球购物
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
青年教师培训方案
2014/02/06 职场文书
党员作风建设自查报告
2014/10/23 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
2014年党小组工作总结
2014/12/20 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
Elasticsearch 数据类型及管理
2022/04/19 Python
使用refresh_token实现无感刷新页面
2022/04/26 Javascript