¿Alternativa al plugin de jQuery livequery?

Question

Tengo que comprobar cuando un elemento está vivo, que estoy haciendo:

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

¿Cómo puedo hacerlo con el método directo o de otra manera?

Answer 1

Si es su código que se agregó el elemento al DOM, a continuación, ejecutar el código en él cuando lo cree:

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

var obj = $('#obj'); 

obj.runSomeCode(); 

... o incluso se puede hacer antes de que se anexa:

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

obj.runSomeCode(); 

obj.appendTo('body'); 

Answer 2

Ésta es una vieja pregunta, pero para que conste, aquí mis 5 centavos:

---

una alternativa a.210 es el uso de un enfoque Publish/Subscribe con, por ejemplo, esta implementación jQuery Tiny Pub/Sub: A really, really, REALLY tiny pub/sub implementation for jQuery.

lo uso, por ejemplo, de esta manera:

// 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

Como alternativa a la livequery plug-in puede ver el plugin $ .whenLive jQuery:

$ .whenLive le permite rastrear la inserción del árbol DOM de uno o más elementos.

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

Aquí es un ejemplo de esa página:

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

Es una vieja pregunta, pero estoy asombrado no hay una respuesta, ya que es simple. Debe usar on() y adjuntar el evento a un padre o cuerpo. Ej:

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

convierten

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

nota que DOMNodeInserted es IE9 +