Jquery 대화 상자는 사용자 당 한 번만 열어야합니다.

Question

jquery UI 모달 대화 상자를 첫 페이지에서 사용하고 있으며 사용자 당 하나만 표시하고 싶습니다. 내 코드 :

<script> 
    $(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     resizable: false, 
     show: 'slide', 
     buttons: { 
     Ok: function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 
    }); 


    </script> 



<div id="dialog-message" title="Attention"> 
    <p>Sample text here!</p> 
</div> 

어떤 도움을 많이 받으실 수 있습니다! 감사합니다.

Answer 1

하나 cookies (앞에서 언급 한 것과 같음) 또는 localStorage API (지원해야하는 브라우저에 따라 다름)을 사용하십시오. 쿠키와

하는 방법입니다 :

$(function() { 
    if(document.cookie.indexOf("runOnce") < 0) { 
     $("#dialog-message").dialog({ 
      modal: true, 
      resizable: false, 
      show: 'slide', 
      buttons: { 
       Ok: function() { 
        $(this).dialog("close"); 
        document.cookie = "runOnce=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; 
       } 
      } 
     }); 
    } 
}); 

로컬 스토리지가있는 방법 :

$(function() { 
    if(! localStorage.getItem("runOnce")) { 
     $("#dialog-message").dialog({ 
      modal: true, 
      resizable: false, 
      show: 'slide', 
      buttons: { 
       Ok: function() { 
        $(this).dialog("close"); 
        localStorage.setItem("runOnce", true); 
       } 
      } 
     }); 
    } 
}); 

Answer 2

사용자가 특정 페이지를 방문했는지 여부를 확인해야합니다. 세션 변수 또는 쿠키에 상태를 유지할 수 있습니다. 값에 따라 대화 상자를 표시 할 수 있습니다.

예를 사용하여 쿠키 : 당신은 세 번째 매개 변수로 쿠키 만료 기간을 설정할 수 있습니다 귀하의 작업을

$(document).ready(function() 
{ 
$(function() { 
     if ($.cookie('page_visited') != 'yes') 
     { 
      $("#dialog-message").dialog({ 
       modal: true, 
       resizable: false, 
       show: 'slide', 
       buttons: { 
       Ok: function() { 
        $(this).dialog("close"); 
       } 
       } 
      }); 
      $.cookie('page_visited','yes') 
     } 
}); 
});     

을 할 것입니다 코드를 다음 https://code.google.com/p/cookies/downloads/list

즉, HTML 파일에서 JQuery와 쿠키를 포함 $.cookie('page_visited','yes', expiration_date)