如何使jQuery切換（）在頁面間保持一致？

我有一個切換開關，顯示並隱藏了我想在我的網站的每個頁面上保持一致的電子郵件地址。如何使jQuery切換（）在頁面間保持一致？

下面是我現在使用的代碼切換效果，這是很好的工作。（別擔心，我在我的實際網站上使用電子郵件混淆技術，爲了整潔，我簡化了下面的代碼）。

HTML

<a id="contact-switch" href="javascript:void(0);">Contact</a> 
<div id="contact-content">[email protected]</div>

jQuery的

<script type="text/javascript"> 
    $("#contact-switch").click(function() { 
    $("#contact-content").fadeToggle("fast", "linear"); 
    }); 
</script>

什麼是保持這個撥動我的網站的每個頁面上一致的狀態假設我的每一頁上這些相同元素的最佳途徑我的網站？

換句話說，如果我在一頁上顯示電子郵件地址，那麼切換將在下一頁上激活，如果我在下一頁上關閉它，則它將在下一頁保持關閉狀態之後的頁面等？

我聽說過關於存儲信息的一些信息，但我不確定這是什麼意思。任何幫助將不勝感激。謝謝！！

來源

2012-10-21 Danny Cooper

您需要一種將數據傳遞到不同頁面的方法。在這種情況下，我認爲你最好使用cookies： How do I set/unset cookie with jQuery?

來源

2012-10-21 08:47:17 sroes

謝謝，現在我明白瞭如何用jQuery插件設置一個cookie，但是如何將它添加到我上面的切換腳本中，以便點擊我的開關可以在每次點擊開關時來回更改Cookie的值？ –

我自己想出來了，謝謝！ –

你需要persitent存儲來爲你的切換狀態保留一個標誌。這可能是您的database,cookies,session vars等。您可以嘗試使用window.localStorage或window.sessionStorage一些其他技術，但通常它們不支持舊版瀏覽器。

來源

2012-10-21 08:51:33 Reflective

因爲我已經使用jQuery，會使用jQuery cookie插件是最簡單最簡單的方法嗎？我知道如何使用PHP和MySQL數據庫來存儲變量，但對於這樣一個簡單的應用程序來說似乎很麻煩。 –

如果它是一個簡單的應用程序，只是使用會話，如你所說...或window.localStorage，如果應用程序將只用於'現代'瀏覽器 – Reflective

明白了，這似乎是最簡單的，但我想覆蓋我的基地，所以我我想我會去使用jQuery cookies，如果我能弄清楚如何讓它們切換。 –

我建議你看一看PersistJS - （但優雅地回落到餅乾如果需要），它利用新的網絡技術之間保留請求數據

來源

2012-10-21 08:58:47 alexpls

如何使jQuery切換（）在頁面間保持一致？

回答

相關問題