2012-03-22 51 views
0

我有一个页面下面的(简单)的概念:功能当隐藏事业部无法正常工作

我有5个复选框,这取决于复选框被选中,我显示对应的复选框一个div选择(即如果我选择测试复选框两个然后div显示相应的)。

当点击复选框时,我可以隐藏并显示div,没有任何问题。我遇到的问题是,在这个过程中的某个时刻,用户打开一个模式屏幕,当这个屏幕关闭时,页面会进行回发/重新加载。然后,无论检查哪个复选框,div都是隐藏的。

我假设这是因为我在复选框的单击事件上调用该函数。我需要在打开的模式关闭时选择显示相同的div,而不必重新点击复选框。

我的HTML:

<input type="checkbox" runat="server" id="cbImplement" class="selectCriteria" title="Implementation" value="cbImplement" /><span style="font-weight: bold; color: #4b6c9e">Implement</span> 

<ul id="ulTabs"> 
    <li class="displayItem" id="liImplement" style="display: none"><a href="#divImplement"> 
     <span style="font-weight: bold; color: #4b6c9e;">Implement</span></a></li> 
</ul> 

<div id="divImplement" class="divframe"></div> 

我的jQuery:

 $(".selectCriteria").click(function() { 
     var id = $(this).attr('id'); // get checkbox id 

     if ($(this).is(':checked')) { 
     // Show Implementation 
      if (checkboxID == "cbImplement") { 
       $('#liImplement').show(); 
       $('#divImplement').show(); 
     } 
    } 
    else{ 
     // Hide Implementation 
     if (checkboxID == "cbImplement") { 
      $('#liImplement').hide(); 
      $('#divImplement').hide(); 
     } 
    } 
}); 

回答

0

只需设置页面的每个页面加载时间,并显示div的执行功能。这样,当页面第一次被加载时,复选框被取消选中,div被隐藏。在关闭模式屏幕后重新加载页面时,函数会再次执行并显示隐藏的div。