當頁面刷新時，jQuery切換不會保持打開狀態

存在一個問題，即固定邊欄中的可摺疊菜單在單擊鏈接時（或者頁面只是刷新時）未保持打開狀態。當頁面刷新時，jQuery切換不會保持打開狀態

我使用了基於this question的建議，關於使用cookie來存儲div的狀態，但它不工作（切換狀態仍然不存在）。

我添加到插件的鏈接（我的jQuery的src鏈接）：

<script src="js/jquery.cookie.js" type="text/javascript"></script>

而且切換狀態還是不留，甚至住在.com的網站。

if ($.cookie('div') == 'open'){ 
    $('#the_more_div').slideDown('slow'); 
} else { 
    $('#the_more_div').slideUp('slow'); 
} 

$('#hamburger').click(function(){ 
    $('#the_more_div').slideToggle('slow', function(){ 
     if ($(this).is(':hidden')) { 
      $.cookie('div', 'closed'); 
     } else { 
      $.cookie('div', 'open'); 
     } 
    }); 
});

的切換工作得很好，但爲什麼不the_more_div保持打開狀態時點擊它裏面（或頁面刷新）不同的鏈路。

預先感謝您！

來源

2014-01-07 PanicBus

我已經在jsfiddle上測試過了，它工作正常。 [jsfiddle.net/UJDsh/](http://jsfiddle.net/UJDsh/）。你有沒有檢查過其他瀏覽器，並且你是否在jquery.cookie插件之前先加載jquery？ –

令人驚歎的是@MarkS，因爲它無法正常在線運行。試過Chrome和Firefox。你可以看看它[這裏]（http://www.nicocrisafulli.com） - 在側邊欄中。絕大多數肯定加載jquery第一。 – PanicBus

原來這個問題是一個無關的衝突。上面的代碼的確如此，實際上是用來安裝一個cookie來保持div狀態。

來源

2014-01-08 17:37:42 PanicBus

當頁面刷新時，jQuery切換不會保持打開狀態

回答

相關問題