Haciendo selector de fechas en vivo - jQuery

Question

Sé que cuando se crea un elemento de forma dinámica, lo que tienes que usar algo como:

$("#id").live("click", function() { 
    //something 
}); 

En este momento tengo esto:

$('#tdInput1').datepicker({ 
    inline: true 
}); 

Mi pregunta es: ¿cómo hacer Lo hago live para que pueda interactuar con elementos creados dinámicamente.

Answer 1

De acuerdo con: Jquery .live works but not with .datepicker

esto debería funcionar:

$("#tdInput1").live("click", function(){ 
    $(this).datepicker({ 
     inline: true 
    }); 
}); 

edición: Esta respuesta es para versiones anteriores de jQuery. Para jQuery 1.9+ prueba la respuesta de Vishal.

Answer 2

Estás lidiando con dos cosas diferentes. El live de jQuery es para el enlace de eventos, mientras que datepicker no está vinculado específicamente a un evento, sino que simplemente agrega funcionalidad a un elemento en un momento determinado.

El único motivo por el que live funciona con eventos es que jQuery realmente asocia el controlador de eventos a un elemento ancestro y (gracias a la forma en que los eventos aparecen en javascript), el antecesor realmente recibe el evento y lo delega como si viniera del elemento. El principio es algo complicado, pero largo y corto, solo podría funcionar con eventos.

Si desea agregar funcionalidad datepicker, simplemente llame a la función datepicker en el nuevo elemento después de haber sido creado.

Answer 3

La solución aceptada no funcionará con eventos de foco de teclado .. así que tuve que cambiar a esto:

$('.parent').on('focusin', '.datepicker', function(e) { 
    $(this).datepicker(options); 
}); 

tuvo que cambiar a .live.on desde jQuery 1.9.1 no incluye el método .live . Lo anterior funciona para los eventos del mouse y para los eventos de enfoque del teclado.

Answer 4

creo que la solución más adecuada es:

$('input.datepickerClass').live('focus', function(){ 
    if (false == $(this).hasClass('hasDatepicker')) { 
     $(this).datepicker({ options }); 
    } 
});