jQuery模态弹窗插件(jquery-confirm)
以下是使用jquery-confirm
插件创建一个简单模态弹窗的示例代码:
首先,确保在你的HTML文件中包含了jQuery库和jquery-confirm的CSS和JS文件:
<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: {
confirmButton: {
text: '确认',
action: function () {
// 确认按钮被点击时的操作
console.log('确认操作');
}
},
cancelButton: {
text: '取消',
action: function () {
// 取消按钮被点击时的操作
console.log('取消操作');
}
}
}
});
这段代码会创建一个带有标题、内容以及确认和取消按钮的模态弹窗。点击确认或取消按钮时,会在控制台输出相应的操作信息。
评论已关闭