Mam tabelę zawierającą kilka pól wejściowych, w rodzaju arkusza kalkulacyjnego. Niektóre pola wejściowe używają datepicker interfejsu użytkownika jQuery. Istnieje również przycisk, aby dodać wiersz tabeli.

Gdy klikam przycisk, aby dodać wiersz tabeli, jest on poprawnie dodawany do DOM. Jednak widget datepicker nie jest dołączany do pól daty w tym nowym wierszu.

Podejrzewam, że odpowiedzią jest użycie live () - lub może on () - do wywołania datepicker (), ale nie rozumiem jakiej składni użyć. Poniższy kod już przesuwa granice mojego rozumienia jQuery. Boli mnie głowa. Wsparcie?

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

Uwaga 2: Próbowałem tego również, zarówno na żywo (), jak i na (). Wydaje się, że działa zarówno na oryginalnych polach, jak i na dynamicznie wstawianych, ale sporadycznie (przynajmniej w Chrome). Na przykład będzie działać przez trzy sekundy, a następnie zatrzyma się na trzy sekundy, a następnie będzie pracować przez trzy sekundy i ...

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