2012-11-10 96 views
1

所以我有這個功能來關閉消息警報(彈出式模型)。這是應該的。非常簡單的jQuery。但是,我試圖添加一個cookie,當用戶關閉彈出式模型時,如果他們在同一個會話中再次訪問該頁面,模型將不會再彈出。我希望Cookie在瀏覽器關閉後過期或刪除。不能讓它工作,但是...我做錯了什麼?我的jQuery Cookie不工作DIV隱藏

我使用這個腳本: https://github.com/carhartl/jquery-cookie

// Update Prompt: Hide on 'X' click 
function setsomecookie(){ // adds cookie 1 day 
    $.cookie('message_prompt', 'prompt_closed'); 
}  
$('.updateCloseBTN').click(function() { 
    $('.upgradeWrap').fadeOut(400, setsomecookie); 
}); 
+0

嘿,這是你了!什麼是你的代碼來讀取cookie? – VIDesignz

+0

你絕對設置它的權利,我認爲問題是當它比較 – VIDesignz

+0

我是bacccckkk哈哈。是的,這讓我瘋狂。相比...? –

回答

1

我會設置爲「#message_alert_box」啓動{顯示:無;}在你的CSS

然後,當用戶從頁轉到頁,您需要驗證如果cookie有具體的價值

$(document).ready(function(){ 

    if($.cookie('message_prompt') != 'prompt_closed') { 

     $('#message_alert_box').show(); // If the cookie isn't set to 'prompt_close' , then show the alert box 

    } 

}); 
+0

好的,所以只需將其添加到相同的js文件? (它在每一頁上都被加載) –

+0

@MikeBarwick正確! – VIDesignz

+0

聽起來不錯。讓我測試......顯示:當然沒有!已經在那了。 FadeOut()不會沒有。 ;) –

0

確保您的文檔被包裹在document.ready()功能。

$(document).ready(
    //all body code within here. 
}); 
+0

請原諒我在手機上的格式。 –

+0

已經有了那個人......我得到了jQuery的基礎知識。這個函數運行在一個文檔準備好的js文件中,它有一些其他的功能。我們不要專注於此。 ;) –