侧边栏壁纸
博主头像
黑山老妖博主等级

记录精彩的坎坷人生

  • 累计撰写 72 篇文章
  • 累计创建 85 个标签
  • 累计收到 9 条评论

目 录CONTENT

文章目录

jquery确认框怎么写

我是我村的希望
2023-08-12 / 0 评论 / 0 点赞 / 11 阅读 / 2608 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-02-21,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

Jquery确认框是一个非常实用的功能,可以让用户确认操作后再执行,避免一些误操作。接下来,我们就来学习一下jquery确认框怎么写。

202308122999_4.jpg

第一步:引入jquery和jquery-confirm插件

<head>
<!-- 引入jquery库 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 引入jquery-confirm插件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>
</head>

第二步:编写代码

使用jquery-confirm插件的confirm方法来生成确认框,可自定义参数。

<script>
$(function() {
$('#confirm-btn').click(function() {
$.confirm({
title: '提示',
content: '您确定要删除吗?',
buttons: {
confirm: {
text: '确定',
btnClass: 'btn-blue',
action: function() {
// 执行删除操作
alert('删除成功');
}
},
cancel: {
text: '取消',
btnClass: 'btn-red',
action: function() {
// 取消操作
alert('已取消');
}
}
}
});
});
});
</script>

第三步:HTML页面中添加按钮

添加一个按钮,id为confirm-btn,点击时触发弹出确认框。

<button id="confirm-btn">删除</button>

到这里,jquery确认框的实现就完成了,程序员可以根据需要进行自定义样式、参数设置等。希望这篇文章能帮助到大家!

0
广告 广告

评论区