前端之家收集整理的这篇文章主要介绍了
jquery – 添加“不再显示此对话框”复选框以引导模式,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
正如标题所述,我想在我的模态中添加一个复选框,选中后,将阻止弹出模式.我希望每次重新加载页面时都会出现模式,并且用户可以使用该选项使其停止显示.
我的模态:
最佳答案
尝试注入复选框单击事件并使用Cookie来存储
用户选择.
您需要使用jQuery cookie插件才能使用$.cookie.
https://github.com/carhartl/jquery-cookie
HTML:
Box" name="dismiss">Don't show again!
JS:
$(document).ready(function () {
$('.redBox').draggable();
$('.blueBox').droppable({
drop: function (event,ui) {
var draggable = ui.draggable;
var droppable = $(this).attr('id');
//$(this) this is not used
//check if cookie is set and value is 1
if(!$.cookie('modal_dismiss')) {
//moved modal stuff in if case
$('.modal-body #modalText').append("Assign " + draggable.attr('id').substring(1,23) + " to " + droppable + "?");
$("#myModal").modal('show');
}
}
});
//use modal hidden event for checking checkBox status
$('#myModal').on('hidden',function () {
var status = $("input[name=dismiss]",this).is(":checked");
$.cookie('modal_dismiss',status,{
expires: 7,path: '/'
});
});
});