如何防止jQuery在页面刷新时重新加载

Question

我正在使用jQuery显示隐藏的文本框，如下所示：

      $("#showTextBox").click(function () {
      $("#TextBox").fadeIn("slow");
      });

这很好用，但刷新页面后，texbox会再次隐藏。有没有办法解决这个问题，以便在页面刷新后文本框不会隐藏？一旦文本框可见，我不希望它再次被隐藏。我正在使用ASP.NET。

Answer 1

您可以将变量存储在localStorage / cookie中，并参考该变量，例如：

var $TextBox = $("#TextBox");

if (localStorage.getItem('clicked')) {
     $TextBox.show();
} else {
    $("#showTextBox").click(function () {
        $TextBox.fadeIn("slow");
        localStorage.setItem('clicked', true);
    });
}

请注意，如果使用localStorage，则需要为旧浏览器提供填充：

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#web-storage-localstorage-and-sessionstorage