toggleClass不工作

Question

我遇到'toggleClass'問題。這個腳本的作用是根據單選按鈕值添加一組新的字段。該字段內部是一個默認隱藏的新div，只有在點擊事件觸發'a'時纔會顯示。起初它工作，但一旦我點擊另一個單選按鈕或在同一個單選按鈕'toggleClass'不再工作。

這裏是代碼：

$(document).ready(function(){ 

     $('.duplicatorRadio').click(function() { 
      var this_index_limit = parseInt($(this).val()); 
      for(var i = 0; i < this_index_limit; i++) { 
      if(!$('#text_box_' + i).length) { 
       var headerValue = parseInt(i) + 1; 
       $(
        '<fieldset id="text_box_' + i + '"> <h3>Property ' + headerValue +' Information</h3> <a class="borrowerToggler" href="#">Show Co-Borrower</a> <div class="borrower hide"> <h5>Co-Borrower Information</h5></div></fieldset>' 
       ).appendTo($(this).parent()); 
      } 
      else if($('#text_box_' + i).css('display') == 'none') { 
       $('#text_box_' + i).show(); 
      } 
      } 

      $('fieldset').each(function() { 
      var split_id = $(this).attr('id').split('_'); 
      if(!split_id.length) return; 
      var index = parseInt(split_id[2]); 
      if(index >= this_index_limit) { 
       $(this).hide(); 
      } 
      }); 

      $("a.borrowerToggler").click(function(){ 
      $(this).next("div").toggleClass("hide"); 
      }); 

     }); 

    }); 

Answer 1

嘗試使用.live()方法綁定click事件。 This demo可能會給你。