Ich habe eine Tabelle mit einer Reihe von Eingabefeldern, ähnlich einer Tabelle. Einige der Eingabefelder verwenden den jQuery UI-Datepicker. Es gibt auch eine Schaltfläche zum Hinzufügen einer Tabellenzeile.

Wenn ich auf die Schaltfläche klicke, um eine Tabellenzeile hinzuzufügen, wird diese korrekt zum DOM hinzugefügt. Das Datepicker-Widget wird jedoch nicht an die Datumsfelder in dieser neuen Zeile angehängt.

Ich vermute, dass die Antwort darin besteht, live () - oder vielleicht on () - zu verwenden, um datepicker () aufzurufen, aber ich verstehe nicht, welche Syntax verwendet werden soll. Der folgende Code stößt bereits an die Grenzen meines jQuery-Verständnisses. Mein Kopf tut weh. Hilfe?

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

Anmerkung 2: Ich habe dies auch mit live () und on () versucht. Es scheint sowohl auf den ursprünglichen als auch auf den dynamisch eingefügten Feldern zu funktionieren, jedoch nur sporadisch (zumindest in Chrome). Es dauert etwa drei Sekunden und hält dann drei Sekunden an. Dann dauert es drei Sekunden und ...

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