0

我有一个切换开关,可以显示和隐藏我希望在我网站的每个页面上保持一致的电子邮件地址。

这是我现在用于切换效果的代码,效果很好。(别担心,我在我的实际网站上使用了电子邮件混淆技术,为了整洁,我只是简化了下面的代码)。

HTML

<a id="contact-switch" href="javascript:void(0);">Contact</a>
<div id="contact-content">xxx@gmail.com</div>

jQuery

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

假设我网站的每个页面上都有这些相同的元素,那么在我的网站的每个页面上保持此切换状态一致的最佳方法是什么?

换句话说,如果我在一个页面上显示了电子邮件地址,则切换将在我转到的下一页上激活,如果我在下一页将其关闭,然后它将在下一页上保持关闭状态, ETC?

我听说过一些关于存储信息的事情,window.load但我不确定这意味着什么。任何帮助将不胜感激。谢谢!!

4

3 回答 3

2

您需要一种将数据传递到不同页面的方法。在这种情况下,我认为您最好使用 cookie: How do I set/unset cookie with jQuery?

于 2012-10-21T08:47:17.057 回答
1

您需要一个持久存储来为您的切换状态保留一个标志。这可能是您的database, cookies, session vars... 等。您可以尝试使用window.localStoragewindow.sessionStorage其他一些技术,但通常旧浏览器不支持它们。

于 2012-10-21T08:51:33.660 回答
0

我建议您看一下PersistJS - 它利用更新的 Web 技术在请求之间持久保存数据(但如果需要,可以优雅地回退到 cookie。)

于 2012-10-21T08:58:47.300 回答