首頁猿問每個用戶僅顯示一次彈出窗口

每個用戶僅顯示一次彈出窗口

JavaScript JQuery

富國滬深 2019-11-28 13:45:56

這個問題已經有了答案，但是我仍然不確定它是如何工作的。我在footer.php中使用以下HTML：<div id="popup"> <div> <div id="popup-close">X</div> <h2>Content Goes Here</h2> </div></div>以及以下Javascript：$j(document).ready(function() { $j("#popup").delay(2000).fadeIn(); $j('#popup-close').click(function(e) // You are clicking the close button { $j('#popup').fadeOut(); // Now the pop up is hiden. }); $j('#popup').click(function(e) { $j('#popup').fadeOut(); });});一切都很好，但是我只想對每個用戶顯示一次彈出窗口（也許使用所有論壇帖子都使用的cookie內容），但是我不知道確切如何將其合并到上面的JS中。我知道我將必須在此頁腳中加載cookie JS：<script type="text/javascript" src="scripts/jquery.cookies.2.2.0.min.js"></script> 但這就是我的全部理解，任何人都可以告訴我添加了Cookie的東西后JS / jQuery的外觀如何嗎？謝謝詹姆士

查看完整描述

3 回答

慕尼黑8549860

TA貢獻1818條經驗獲得超11個贊

*注意：由于數據存儲在瀏覽器內存中，因此每個瀏覽器都會顯示一次彈出窗口。

試試HTML localStorage。

方法：

localStorage.getItem('key');

localStorage.setItem('key','value');

$j(document).ready(function() {

if(localStorage.getItem('popState') != 'shown'){

$j("#popup").delay(2000).fadeIn();

localStorage.setItem('popState','shown')

}

$j('#popup-close, #popup').click(function(e) // You are clicking the close button

{

$j('#popup').fadeOut(); // Now the pop up is hiden.

});

反對回復 2019-11-28

繁華開滿天機

TA貢獻1816條經驗獲得超4個贊

本示例使用jquery-cookie

檢查cookie是否存在并且尚未過期-如果其中任何一個失敗，則顯示彈出窗口并設置cookie（半偽代碼）：

if($.cookie('popup') != 'seen'){

$.cookie('popup', 'seen', { expires: 365, path: '/' }); // Set it to last a year, for example.

$j("#popup").delay(2000).fadeIn();

$j('#popup-close').click(function(e) // You are clicking the close button

{

$j('#popup').fadeOut(); // Now the pop up is hiden.

});

$j('#popup').click(function(e)

{

$j('#popup').fadeOut();

});

};

反對回復 2019-11-28

慕沐林林

TA貢獻2016條經驗獲得超9個贊

您可以使用php解決此問題。您僅在首頁加載時回顯彈出窗口的代碼。

另一種方法是設置cookie，它基本上是一個位于瀏覽器中的文件，其中包含某種數據。在第一頁加載中，您將創建一個cookie。然后，隨后的每個頁面都會檢查您的cookie是否已設置。如果已設置，則不顯示彈出窗口。但是，如果未設置，則設置cookie并顯示彈出窗口。

偽代碼：

if(cookie_is_not_set) {

show_pop_up;

set_cookie;

}

反對回復 2019-11-28

3 回答
0 關注
683 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

每個用戶僅顯示一次彈出窗口

每個用戶僅顯示一次彈出窗口

3 回答

添加回答