打开和关闭代码behiend在c＃中的jquery对话框＃

Question

我有一个jquery dialog这是打开每页加载。 jquery dialog包含一个关闭按钮。

$(document).ready(function() {  
     $("#dialog").dialog({ 
      title: "Create your free showcase profile", 
      autoOpen: true, 
      hide: 'fold', 
      show: 'blind', 
      width: 'auto', 
      modal: true, 
      buttons: { 
       Close: function() { 
        $(this).dialog('close'); 
       } 
      } 
     }); 
     setInterval(function() { 
      $('#dialog').dialog('open'); 
     }, 10000); 
    }); 

现在我所要做的是，在该对话框中单击Close按钮让用户关闭，它不会给用户，直到会议结束时再次可见。

请有助于实现这一目标

Answer 1

您可以设置localStorage并在其存储令牌值，然后检查localstorage如图所示：

$(document).ready(function() {  
var $dialog = $("div").dialog({ 
     title: "Create your free showcase profile", 
     autoOpen: false, 
     hide: 'fold', 
     show: 'blind', 
     width: 'auto', 
     modal: true, 
     buttons: { 
      Close: function() { 
       localStorage.setItem('token','closed'); 
       $(this).dialog('close'); 
      } 
     } 
    }).dialog('open'); //trigger on page load 


    var init = setInterval(function() { 
     if(localStorage.getItem('token') == 'closed') 
     { 
      clearInterval(init); 
      return; 
     } 
     $dialog.dialog('open'); 
     }, 10000); 
}); 

或使用sessionStorage如图所示：

$(document).ready(function() {  
var $dialog = $("div").dialog({ 
     title: "Create your free showcase profile", 
     autoOpen: false, 
     hide: 'fold', 
     show: 'blind', 
     width: 'auto', 
     modal: true, 
     buttons: { 
      Close: function() { 
       sessionStorage.setItem('token','closed'); 
       $(this).dialog('close'); 
      } 
     } 
    }).dialog('open'); //trigger on page load 


    var init = setInterval(function() { 
     if(sessionStorage.getItem('token') == 'closed') 
     { 
      clearInterval(init); 
      return; 
     } 
     $dialog.dialog('open'); 
     }, 10000); 
}); 

Working Demo