2011-05-28 59 views
0

首先,我的腳本所做的是允許我通過使用複選框來交換div。尋求將cookie屬性應用到jQuery複選框腳本

JS小提琴例:http://jsfiddle.net/yHTFF/8/

我正在尋求與此腳本正確設置Cookie的幫助。我想設置它,以便在頁面重新加載時,用戶保留的div和複選框保持不變。

這裏是我的腳本:

<!--HTML--> 
<div id="ontopic_posts"> 
    Content 1 
</div> 
<div id="offtopic_posts" style="display: none;"> 
    Content 2 
</div> 

<input id="cbox_posts" type="checkbox"> show off-topics 

<!--JQUERY--> 
<script> 
jQuery("#cbox_posts").click(function() { 
    if (jQuery(this).is(':checked')) 
    { 
    jQuery("#offtopic_posts").show(); 
    jQuery("#ontopic_posts").hide(); 
    } 
    else 
    { 
    jQuery("#offtopic_posts").hide(); 
    jQuery("#ontopic_posts").show(); 
    } 
}); 
</script> 

謝謝!

+1

包裹腳本這將是巨大的,如果你能提供比「不工作」更詳細的錯誤報告。 *什麼*不起作用? [這個腳本是否工作?](http://jsfiddle.net/qrSaU/)最後,你對cookies有什麼瞭解?你試過什麼了? – lonesomeday 2011-05-28 11:38:09

+0

我的歉意。該div不會在IE中交換。選中或取消選中該框不會執行任何操作,它不會像在FF/Chrome/Saf中那樣交換div。另外,我對Java或cookies不太瞭解,我沒有嘗試過任何東西。 – Bryan 2011-05-28 11:46:14

+0

我修復了IE問題。只需要將jQuery從1.5.1更新到1.6.1。 仍在尋求有關爲此腳本正確設置Cookie的幫助。我想設置它,以便在頁面重新加載時,用戶保留的div和複選框保持不變。 – Bryan 2011-05-28 13:31:38

回答

1

您在元素存在之前附加事件處理函數。

輸入後移動script標籤或$(document).ready.

+0

糟糕,我在輸入後有腳本標記。我只是在這裏混合了片段。 – Bryan 2011-05-28 11:48:40

+0

我修復了IE問題。只需要將jQuery從1.5.1更新到1.6.1。感謝您的幫助!非常感謝。 – Bryan 2011-05-28 13:36:04