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 相关文章推荐
Mootools 1.2教程(3) 数组使用简介
Sep 14 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
jquery trigger函数执行两次的解决方法
Feb 29 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
利用Decorator如何控制Koa路由详解
Jun 26 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
Aug 23 Javascript
浅谈webpack SplitChunksPlugin实用指南
Sep 17 Javascript
详解node字体压缩插件font-spider的用法
Sep 28 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 文件状态缓存带来的问题
2008/12/14 PHP
php 更新数据库中断的解决方法
2009/06/05 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP里8个鲜为人知的安全函数分析
2014/12/09 PHP
PHP 微信支付类 demo
2015/11/30 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
javascript深入理解js闭包
2010/07/03 Javascript
整理8个很棒的 jQuery 倒计时插件和教程
2011/12/12 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
javaScript事件机制兼容【详细整理】
2016/07/23 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
vue元素实现动画过渡效果
2017/07/01 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
jQuery实现点击旋转,再点击恢复初始状态动画效果示例
2018/12/11 jQuery
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
[02:05]2014DOTA2国际邀请赛 BBC外卡赛赛后总结
2014/07/09 DOTA
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
[01:00:13]完美世界DOTA2联赛 LBZS vs Forest 第一场 11.07
2020/11/09 DOTA
django 在原有表格添加或删除字段的实例
2018/05/27 Python
使用python telnetlib批量备份交换机配置的方法
2019/07/25 Python
浅析PEP572: 海象运算符
2019/10/15 Python
pygame实现五子棋游戏
2019/10/29 Python
python的pip有什么用
2020/06/17 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
python实现测试工具(一)——命令行发送get请求
2020/10/19 Python
校园之星获奖感言
2014/01/29 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
我去timi了,一起去timi是什么意思?
2022/04/13 杂记
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python
Python可视化神器pyecharts绘制地理图表
2022/07/07 Python