jquery-confirm 弹框插件

最新推荐文章于 2025-07-15 14:44:05 发布

飞狐or

最新推荐文章于 2025-07-15 14:44:05 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

文章标签：插件调试

本文链接：https://blog.youkuaiyun.com/sinat_33750162/article/details/51835250

本文详细介绍了 jQuery Confirm 插件中弹框的各种配置选项，包括如何通过设置阻止弹框因点击空白区域而关闭、如何使用键盘快捷键触发确认或取消操作以及如何配置自动触发确认或取消操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

每次做项目需要用到弹框，访问confirm官网又比较慢到处查资料说的也不是很明了所以今天在这里总结下自己经常需要用到的配置弹框参数免得需要用得时候花费太多的时间去查资料在这里不多说了直接入题：

在此附上gitthub链接每次访问都需要半天而且上面示例不能查看效果需要我们自己下载下来放到本地调试
http://craftpip.github.io/jquery-confirm/

这里写图片描述

$.confirm({
    title: 'Confirm!', //弹框标题
    content: 'Simple confirm!', //中间部分内容
    confirm: function(){  //点击确定之后，回调函数
        $.alert('Confirmed!');
    },
    cancel: function(){ //点击取消之后，回调函数
        $.alert('Canceled!')
    }
});

下面配图以供参考
这里在官网截个图作参考

一、confirm弹框如果是点击弹框以外的地方（默认是隐藏），弹框也会随之隐藏要是在弹框后面有程序需要执行就需要用户点击确定或者取消所以不让它消失配置如下

backgroundDismiss: false,//设置点击弹框以外地方，不隐藏

二、下面则是设置键盘上面的按钮来触发确定、取消等操作

keyboardEnabled: true,//设置 enter键触发确定按钮
confirmKeys: [65], // 此键值  代表键盘上的A 触发确定
cancelKeys: [66],// 此键值  代表键盘上的B  触发取消

三、配置时间自动触发确定、取消

autoClose: 'cancel|6000', //六秒自动触发取消
autoClose: 'confirm|10000',//十秒自动触发确定按钮