Bootstrap 4:在模式复选框中显示“不要再显示我”
Bootstrap 4:在模式复选框中显示“不要再显示我”
提问于 2019-06-03 21:43:17
我有一个带复选框的模式，上面写着“不要再给我看了”。当我点击那个复选框，然后按下“关闭”按钮时，我想让我的模式“永远”消失。
我正在使用jquery-cookie，但是我不明白为什么它不能工作。
当我选中复选框并按下“关闭”按钮并重新加载页面时，模式将重新出现。
下面是我的代码：https://codepen.io/anon/pen/WBPLEK
下面是JS部分：
jQuery(document).ready(function($) {
if ($.cookie('cacher-modal')) {
$("#popupMaintenanceModal").remove();
}
else {
$('#popupMaintenanceModal').modal('show');
}
if ($('#popupMaintenanceCheckbox').is(':checked')) {
$(".btn-maintenance").click(function () {
$("#popupMaintenanceModal").remove();
$.cookie('cacher-modal', true);
});
}
});回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-03 21:52:37
单击window复选框时，您没有设置cookie。相反，您需要将单击事件侦听器添加到复选框中，然后检查它是否已选中/未选中，并设置适当的cookie。此外，要隐藏模式，您可以使用：
$("#popupMaintenanceModal").modal("hide");适当地关闭模式。
jQuery(document).ready(function($) {
if ($.cookie("cacher-modal")) {
$("#popupMaintenanceModal").remove();
} else {
$("#popupMaintenanceModal").modal("show");
}
$("#popupMaintenanceCheckbox").click(function() {
if ($(this).is(":checked")) {
$("#popupMaintenanceModal").modal("hide");
$.cookie("cacher-modal", true);
} else {
$.cookie("cacher-modal", false);
}
})
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56428641
复制相关文章
相似问题
腾讯云开发者
