jquery插件jquery.confirm弹出确认消息

前端之家收集整理的这篇文章主要介绍了jquery插件jquery.confirm弹出确认消息前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法,具有一定的参考价值,特分享给大家供大家参考,具体内容如下

实现效果

具体代码

1、插件默认参数

内容 content: "确认吗?",// 确认按钮文字 sureButton: "确认",// 取消按钮文字 cancelButton: "取消",// 位置 position: {},// 自动打开 autoOpen: false,// 动画持续时间 duration: 123,// 打开确认框回调 onopen: emptyFn,// 单击了确认或者取消回调 onclick: emptyFn,// 确认回调 onsure: emptyFn,// 取消回调 oncancel: emptyFn,// 关闭确认框回调 onclose: emptyFn }

2、插件结构与样式

jquery.confirm的dom结构为:

默认的插件样式基于css.3,默认的插件样式地址为default,插件样式只渲染一次,不会多次渲染,以第一次使用插件的样式为准。

3、使用方法

关闭了!"); },onsure: function() { alert("你单击了确认按钮!"); },oncancel: function() { alert("你单击了取消按钮!"); },onclick: function(s) { if (s) { alert("你单击了确认按钮!"); } else { alert("你单击了取消按钮!"); } } });

$.confirm("确认吗?",function(s) {
if (s) {
alert("你单击了确认按钮!");
} else {
alert("你单击了取消按钮!");
}
});

希望本文所述对大家学习jquery程序设计有所帮助。

原文链接:https://www.f2er.com/jquery/50965.html

猜你在找的jQuery相关文章