Tengo una tabla que contiene un montón de campos de entrada, algo así como una hoja de cálculo. Algunos de los campos de entrada utilizan el selector de fechas de jQuery UI. También hay un botón para agregar una fila de la tabla.

Cuando hago clic en el botón para agregar una fila de la tabla, se agrega al DOM correctamente. Pero, el widget del selector de fecha no se adjunta a los campos de fecha en esa nueva fila.

Sospecho que la respuesta es usar live (), o quizás on (), para llamar a datepicker (), pero no entiendo qué sintaxis debo usar. El código de abajo ya está empujando los límites de mi comprensión de jQuery. Me duele la cabeza. ¿Ayuda?

<code><script type="text/javascript">
    $(function() {
        $( ".usedatepicker" ).datepicker();
    });

    $('.rowadd').live('click',function(){
        var appendTxt = '<tr><td><input class="usedatepicker" name="something" type="text" /></td></tr>';
        $("tr:last").after(appendTxt);
    });

</script>
</code>

Nota 2: También he intentado esto, tanto con live () como con (). Parece funcionar tanto en los campos originales como en los de inserción dinámica, pero esporádicamente (al menos en Chrome). Como, funcionará durante tres segundos y luego se detendrá durante tres segundos, y luego trabajará durante tres segundos y ...

<code>$(function() {
    $('.usedatepicker').live('click', function(){
        $(this).datepicker({showOn:'focus'});
    });
});
</code>