Question

我有这个代码可以扩展/折叠（切换）工作正常。

但是当页面回发时我想维持div的状态。

现在，如果我刷新页面，则所有div都会折叠。

我该怎么做？

JS：

$(document).ready(
 function () {
     $(".header").click(function () {
         var $header = $(this),
    $span = $header.find(">:first-child"),
         //getting the next element
    $content = $header.next();        
         //open up the content needed
         $content.slideToggle(500);
     });
 });

HTML：

<div class="container">
   <div class="header">
       ...
   </div>
   <div class="content">
       ...
   </div>
</div>
<br />
<div class="container">
   <div class="header">
      ...
   </div>
   <div class="content">
       ...
   </div>
</div>

Answer 1

为什么要首先重新加载整个页面？

如果您刷新页面，则与首次加载页面相同，所有div都将折叠（如您的情况）。

如果由于某些事件（例如点击事件）而发生回发，则尝试将ajax UpdatePanel Control放在要重新加载的元素周围。这将避免整个页面的回发，只会更新UpdatePanel中的元素。

JQuery在回发时展开/折叠

1 个答案: