切换类不工作

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() 方法绑定点击事件。 这个演示可能会对您有所帮助。