javascript - ASP.NET - 回发后保留 HTML 元素的样式

Question

我已经远离 ASP.NET 开发很长时间了。

我有一个 div，由 javascript 函数在另一个元素的 onclick 函数上切换。

 <div id="InsDetail" style="display: none">

回发后，div 的状态恢复为折叠状态。在回发之间保留此 div 样式的最简单方法是什么？ (也许是 View 状态？)

Answer 1

当更改 div 的可见性时，您可以使用隐藏字段(控件)并更新状态(例如 1 = 可见 0 = 隐藏)。接下来恢复加载页面事件中的状态。

多或少

aspx 文件:

  <input runat="server" type="hidden" class="stateDiv" id='stateDiv' />

js 文件或页面中:

$(function(){
 var visibility = $(".stateDiv").val();
 if(visibility== 1)
   $("#InsDetail").show()
 else
   $("#InsDetail").hide();

 $(your_botton).click(function(){
 //toggle div
  if ($("#InsDetail").is(":visible"))
     $(".stateDiv").val(1);
  else
    $(".stateDiv").val(0);
});

});

通过这种方式，您可以在服务器端控制状态