JQuery Live() không hoạt động

Question

Tôi đã thực hiện kiểm soát fieldset có thể thu gọn tùy chỉnh trong asp.net. Tôi sử dụng jquery để thêm các hiệu ứng chuyển đổi. Kiểm soát hoạt động hoàn hảo nhưng khi tôi đang sử dụng các fieldets của tôi bên trong một updatepanel, afer postback tôi mất logic jquery của tôi vì document.ready.

Bây giờ tôi đã đọc về hàm Live() mới của Jquery nhưng tôi không làm cho nó hoạt động. Tôi làm gì sai? Có ai đó trả lời không ??

Thanks a lot

mã jQuery của tôi là:

$(document).ready(function() { 

    $.fn.collapse = function(options) { 
     var defaults = { closed: false } 
     settings = $.extend({}, defaults, options); 

     return this.each(function() { 
      var obj = $(this); 

      obj.find("legend").addClass('SmartFieldSetCollapsible').live("click", function() { 


       if (obj.hasClass('collapsed')) { 
       obj.removeClass('collapsed').addClass('SmartFieldSetCollapsible'); } 

       $(this).removeClass('collapsed'); 

       obj.children().next().toggle("slow", function() { 

        if ($(this).is(":visible")) { 

         obj.find("legend").addClass('SmartFieldSetCollapsible'); 
         obj.removeAttr("style"); 
         obj.css({ padding: '10px' }); 
         obj.find(".imgCollapse").css({ display: 'none' }); 
         obj.find(".imgExpand").css({ display: 'inline' }); 

        } 
        else { 

         obj.css({ borderLeftColor: 'transparent', borderRightColor: 'transparent', borderBottomColor: 'transparent', borderWidth: '1px 0px 0px 0px', paddingBottom: '0px' }); 
         obj.find(".imgExpand").css({ display: 'none' }); 
         obj.find(".imgCollapse").css({ display: 'inline' }); 

        } 
       }); 
      }); 

      if (settings.closed) { 
       obj.addClass('collapsed').find("legend").addClass('collapsed'); 
       obj.children().filter("p,img,table,ul,div,span,h1,h2,h3,h4,h5").css('display', 'none'); 
      } 
     }); 
    }; 


}); 


$(document).ready(function() { 

$("fieldset.SmartFieldSetCollapsible").collapse(); 

}); 

Answer 1

  if (obj.hasClass('collapsed')) { 
      obj.removeClass('collapsed').addClass('SmartFieldSetCollapsible'); } 

      $(this).removeClass('collapsed'); 

Trước tiên, bạn muốn loại bỏ lớp một thêm lớp khác nếu nó có lớp sụp đổ, một sau đó bạn loại bỏ các lớp bị sập. Tôi không biết nếu nó ảnh hưởng đến hoạt động của hệ thống nhưng nó là giá trị để thử.

Chức năng có hoạt động nếu bạn chỉ sử dụng. Nhấp chuột (khi trường này không được cập nhật)?

Answer 2

Vấn đề là bạn đang làm nhiều hơn thì chỉ là một selector đơn giản để lựa chọn sống của bạn

Từ api.jquery.com "phương pháp traversal DOM không được hỗ trợ đầy đủ cho việc tìm kiếm các yếu tố để gửi đến .live(). Thay vào đó, Phương thức .live() phải luôn được gọi trực tiếp sau khi lựa chọn "

Answer 3

Truyền tải là vấn đề. Bạn có thể giải quyết nó bằng một lựa chọn đơn giản.

var obj = $(this), 
    obj.find("legend").addClass('SmartFieldSetCollapsible'); 
$('legend.SmartFieldSetCollapsible').live('click.collapsible', function(e){