Thay thế cho plugin jQuery livequery?

Question

Tôi cần phải kiểm tra khi một phần tử còn sống, tôi đang làm:

$('#obj').livequery(function() { ... }); 

Làm thế nào tôi có thể làm điều đó với phương pháp trực tiếp hoặc cách khác?

Answer 1

Nếu nó là mã của bạn cũng được bổ sung thêm phần tử vào DOM, sau đó chạy mã của bạn trên đó khi bạn tạo ra nó:

$('body').append('<div id="obj">some new object</div>'); 

var obj = $('#obj'); 

obj.runSomeCode(); 

... hoặc thậm chí bạn có thể làm điều đó trước khi nó được nối:

var obj = $('<div id="obj">some new object</div>'); 

obj.runSomeCode(); 

obj.appendTo('body'); 

Answer 2

đây là một câu hỏi cũ, nhưng đối với các hồ sơ, ở đây tôi 5 cent:

---

một thay thế cho.210 là sử dụng một cách tiếp cận Publish/Subscribe với ví dụ thực hiện này jQuery Tiny Pub/Sub: A really, really, REALLY tiny pub/sub implementation for jQuery.

tôi sử dụng nó, ví dụ, bằng cách này:

// inform of DOM change (mostly through AJAX) 
$.publish("/table/loaded"); 

// re-execute plugin 
$.subscribe("/table/loaded", function(e, data) { 
    $("#my_id input[name='date']").datepicker(); 
}); 

+ info: Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability

Answer 3

Là một thay thế cho livequery bạn có thể xem plugin $ .whenLive jQuery:

$ .whenLive cho phép bạn theo dõi chèn cây DOM của một hoặc nhiều phần tử.

http://bitcubby.com/tracking-the-insertion-of-javascript-components-into-the-dom/

Dưới đây là một ví dụ từ trang đó:

var widget = $("<div>I am a nobody. Nobody is perfect. Therefore, I am perfect.</div>"); 
$(widget).onLive(function() { 
    // Awesomesauce. 
    var height = $(this).height(); 
    var width = $(this).width(); 
}); 
$("body").append(widget); 

Answer 4

Đó là một câu hỏi cũ nhưng tôi ngạc nhiên không có câu trả lời vì nó đơn giản. Bạn phải sử dụng on() và đính kèm sự kiện vào cha mẹ hoặc cơ thể. Ví dụ:

$('#obj').livequery('click', function() { ... }); 
$('#obj').livequery(function() { ... }); 

trở thành

$('body').on('click', '#obj', function() { ... }); 
$('body').on('DOMNodeInserted','#obj', function() { ... }); 

lưu ý rằng DOMNodeInserted là IE9 +