推荐一款创新的jQuery对话框插件:`jquery-confirm`
jquery-confirm
是一个基于 jQuery 的插件,用于创建模态对话框。以下是如何使用 jquery-confirm
创建一个简单的确认对话框的示例代码:
首先,确保在页面中引入了 jQuery 和 jquery-confirm
的 CSS 和 JavaScript 文件:
<link rel="stylesheet" href="path/to/jquery-confirm.min.css" />
<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery-confirm.min.js"></script>
然后,你可以使用以下代码创建一个确认对话框:
$.confirm({
title: '确认操作',
content: '您确定要执行这个操作吗?',
buttons: {
confirm: function() {
// 用户点击确认
// 执行操作
console.log('操作确认');
},
cancel: function() {
// 用户点击取消
console.log('操作取消');
}
}
});
这段代码会创建一个带有标题和内容的对话框,并且有确认和取消按钮供用户选择。当用户点击确认或取消时,会在控制台输出相应的日志信息。
评论已关闭