在jQuery中进行保存切换

Question

我在屏幕底部有一个登录表单，可以通过滑动开关来切换打开和关闭。如果用户更改页面，打开或关闭状态保持不变，我怎么能这样做呢？也许是Ajax更新面板？下面是我用于切换的JQuery代码：

       <script type="text/javascript">
          if ($('#divLoginFootForm').is(":visible")) {
              $('#divLoginFootForm').show();

          }
          else {
              $('#divLoginFootForm').show();

          }

          $('.log').click(function () {
              $('#divLoginFootForm').slideToggle('slow', function () {
                  // Animation complete

              });
          });



</script> 

谢谢!

Answer 1

您可以使用cookie来维护状态。请看下面的示例

http://www.electrictoolbox.com/jquery-cookies/

Answer 2

将窗体的可见状态存储到cookie。在后续请求中，从cookie中读取可见状态并将其应用于表单。

您可以很容易地从this page on quirksmode for reading/writing/deleting cookies中整合这三个函数。

Answer 3

在隐藏字段中跟踪切换的状态，然后在最初加载页面时设置切换状态。您需要使用隐藏字段，因为该值必须在客户端和服务器上都可访问。在客户端，当用户切换状态时，设置隐藏字段的val以反映状态。

然后，由于您使用的是asp.net，状态将在回发之间保留，并且您可以在代码隐藏中控制初始状态等。

如果您使用cookie，则状态将在用户可能打开的页面的所有实例之间共享(即在多个选项卡中)，这可能不是您想要的。

Edit：Here's a question，它演示了如何使用jquery设置隐藏字段的值。