2012-03-22 81 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。