jquery插件firm弹出确认消息
本⽂为⼤家介绍了插件firm弹出确认消息的实现⽅法，具有⼀定的参考价值，特分享给⼤家供⼤家参考，具体内容如下
实现效果：
具体代码：
1、插件默认参数
// 默认参数
$.confirm.defaults = {
// 样式
css: "static.qianduanblog/firm/default.min.css?v=" + il(new Date() / 86400000),
// 确认框内容
content: "确认吗？",
// 确认按钮⽂字
sureButton: "确认",
// 取消按钮⽂字
cancelButton: "取消",
// 位置
position: {},
// ⾃动打开
autoOpen: false,
// 动画持续时间
duration: 123,
/
/ 打开确认框回调
onopen: emptyFn,
// 单击了确认或者取消回调
onclick: emptyFn,
// 确认回调
onsure: emptyFn,
// 取消回调
oncancel: emptyFn,
// 关闭确认框回调
onclose: emptyFn
}
2、插件结构与样式
<div class="jquery_confirm____" >
<div class="jquery_confirm____body">确认框消息</div>
<div class="jquery_confirm____footer">
<button class="button button-primary jquery_confirm____sure">确认</button>
<button class="button button-error jquery_confirm____cancel">取消</button>
</div>
</div>
默认的插件样式基于css.3，默认的插件样式地址为default，插件样式只渲染⼀次，不会多次渲染，以第⼀次使⽤插件的样式为准。
3、使⽤⽅法
// 打开确认框
$.confirm({
content: "确认要查看吗？",
onopen: function() {
alert("确认框打开了！");
},
onclose: function() {
alert("确认框关闭了！");
},
onsure: function() {
alert("你单击了确认按钮！");
},
oncancel: function() {
alert("你单击了取消按钮！");
},
onclick: function(s) {
if (s) {
alert("你单击了确认按钮！");
} else {
alert("你单击了取消按钮！");
}
}
});
$.confirm("确认吗？", function(s) {
if (s) {
alert("你单击了确认按钮！");
} else {
alert("你单击了取消按钮！");
}
});
希望本⽂所述对⼤家学习jquery程序设计有所帮助。jquery弹出div窗口

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。