У меня есть таблица, содержащая кучу полей ввода, вроде электронной таблицы. Некоторые поля ввода используют указатель даты jQuery UI. Также есть кнопка для добавления строки таблицы.

Когда я нажимаю кнопку, чтобы добавить строку таблицы, она добавляется в DOM правильно. Но виджет выбора даты не привязывается к полям даты в этой новой строке.

Я подозреваю, что ответ заключается в использовании live () - или, возможно, on () - для вызова datepicker (), но я не понимаю, какой синтаксис использовать. Код ниже уже раздвигает границы моего понимания jQuery. У меня болит голова. Помогите?

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

Примечание 2: я тоже пробовал это делать с live () и on (). Кажется, он работает как с исходными полями, так и с динамически вставленными, но время от времени (по крайней мере, в Chrome). Мол, он будет работать три секунды, затем остановится на три секунды, а затем будет работать три секунды и ...

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