2013-09-25 88 views
-1

我是新來的JavaScript和jQuery。我正在使用SimpleModal basic在用戶訪問我的網站時顯示彈出窗口。它工作得很好,但每次訪問者轉到主頁時,彈出窗口都會顯示。Simplemodal彈出式顯示每個會話一次?

例如:

  • 參觀者前進到我的主頁,彈出顯示的第一次 - 這是偉大的
  • 參觀者前進到一個頁面上我的網站裏,點擊標識回來到主頁,第二次彈出顯示,並且每次訪問者A返回主頁時不斷顯示 - 這並不好。

我需要顯示每節只有一次這個彈出。

我已搜查所有在互聯網上,並已經看到了,這是可以考慮使用Cookie的照顧,但我不知道如何配合cookie的進入模式腳本的功能。

我如何能實現一個cookie來跟蹤模式功能,並顯示它只有一次在頁面加載時?

下面是加載模式內容的腳本:

<?php if($_SERVER['REQUEST_URI'] == '/'): ?> 


<script type="text/javascript" src="<?php bloginfo(template_url);?>/assets/javascripts/jquery.leanModal.min.js"></script> 

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     jQuery('#basic-modal-content').modal(); 

    }); 
</script> 
<?php endif;?> 
+0

[PHP?如何cookie和session工作]的可能重複(http://stackoverflow.com/questions/11142882/php-how-do-cookies-and-sessions-工作) - 請參考PHP手冊和有關你想使用的功能的互聯網參考標準和註釋文檔(HTTP狀態機制 - http://tools.ietf.org/html/rfc6265)。這通常已經被記錄,並且有一點需要解釋。 – hakre

回答

-1

你可以使用一個名爲jQuery cookie一個jQuery插件做到這一點,已經下載了它,包括它使用腳本標記在頁面上;更改您的代碼如下

<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     if (jQuery.cookie('shown_modal')==undefined) { 
      jQuery.cookie('shown_modal', 'true'); 
      jQuery('#basic-modal-content').modal(); 
     } 
    }); 
</script> 
+0

如果您認爲這是答案,請將評論(或投票結束,如果您已獲得必要的聲望)鏈接到更正確詢問問題的重複問答材料。這個問題實際上與simplemodal無關,但是關於跨HTTP請求使用cookie以及jquery如何爲它提供API。參見[如何使用cookie,JQuery,Javascript?](http://stackoverflow.com/a/12625495/367456) – hakre