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

Question

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

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

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

Answer 1

您可以在 localStorage/a cookie 中存储一个变量并引用它，例如：

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

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

请注意，如果使用 localStorage，您将需要一个适用于旧浏览器的 polyfill：

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