网站首页 网站建设 IT知识 IT知识教程 jQuery UI插件自定义confirm确认框的方法

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

2021-05-26 21:23:53

本文实例讲述了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程序设计有所帮助。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章

jQuery仿IOS弹出框插件
这款弹出框插件是本人自己模仿IOS原生弹出框写的一个自定义插件，包括Alert弹出框和Confirm确认框，支持标题，内容，按钮文字以及按钮回调函数自定义，使用
JQuery实现自定义对话框的代码
为了得到更丰富的自定义对话框功能，于是用JQuery编写了一个对话框插件；只需简单地引用相关JavaScript就能得到丰富的自定义对话框功能。插件功能特点:允
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
JQuery+Bootstrap自定义全屏Loading插件/***自定义Loading插件*@param{Object}config*{*content[加载
自定义jQuery插件方式实现强制对象重绘的方法
本文实例讲述了自定义jQuery插件方式实现强制对象重绘的方法。分享给大家供大家参考。具体实现方法如下：jQuery.fn.redraw=function(){
jQuery自定义多选下拉框效果
项目中需要自定义一个下拉框多选插件，业务问题还是自己实现比较好通过$.fn向jQuery添加新的方法下拉数据通过参数传递进去，通过调用该插件时接收，选择后的确定

最新文章

载入进度条 效果
邮件发送简单例子-html文件
详解关于html，css，js三者的加载顺序问题
限制复选框的最大可选数
随鼠标上下滚动的jquery代码

hot 热门文章

python模拟登陆Tom邮箱示例分享
苹果11抖音怎么投屏? iphone将投影投屏到电视的技巧
蚂蚁森林节气签怎么领
华为mate30怎么更新系统？华为mate30更新手机系统教程
小米电视怎么下载斗鱼

猜你喜欢

JavaScript 命名空间 使用介绍
javascript ���名规则 变量命名规则
javascript 秒表计时器实现代码
Javascript 面向对象之重载
JavaScript 面向对象之命名空间
以上产品还未完全满足我的所有需求，在下方提交我的专属需求
我的专属需求：
*手机号：
*验证码：
img
咨询报价
现在咨询
img

在线咨询

建站在线咨询
img

获取方案

获取建站报价/方案

我们联系您img

img

微信咨询

扫一扫添加
动力姐姐微信
img
img

TOP

我们尽快联系您