仅在负载上显示模态一次

Question

我有一个页面，显示一个模态对话框。在解散模式之前，用户需要检查并提交（思考条款）的复选框。一旦发生这种情况，该页面就可以再次重新加载，但是对话框不应回来。最初，我想到使用PHP会话，但我想在不重新加载页面的情况下使用JS（jQuery）解开对话框。什么是选择？我可以在会话期间使用cookie吗？

我当前的代码看起来像这样：

JS：

$(document).delegate('#myButton', 'click', function() {
     if ($('input[name="myCheckbox"]').is(':checked')) {
        $('#myDialog').remove();
    }
});

html：

<div id="myDialog">
   text
   <input type="checkbox" name="myCheckbox"> <input id="myButton" type="button" value="click me">
</div>  

Answer 1

您可以永久使用localstorage或仅用于一个会话

 localStorage.setItem('showModal',true);
 localStorage.getItem('showModal');

这是纯JavaScript。无需在服务器端进行。

Answer 2

$(window).on('load',function(){
  if (document.cookie.indexOf('visited=true') == -1){
    $('#myModal').modal({show:true});
    var year = 1000*60*60*24*365;
    var expires = new Date((new Date()).valueOf() + year);
    document.cookie = "visited=true;expires=" + expires.toUTCString();
  }
});