Как прикрепить указатель даты jQuery UI к динамически вставляемому полю формы?
У меня есть таблица, содержащая кучу полей ввода, вроде электронной таблицы. Некоторые поля ввода используют указатель даты jQuery UI. Также есть кнопка для добавления строки таблицы.
Когда я нажимаю кнопку, чтобы добавить строку таблицы, она добавляется в DOM правильно. Но виджет выбора даты не привязывается к полям даты в этой новой строке.
Я подозреваю, что ответ заключается в использовании live () - или, возможно, on () - для вызова datepicker (), но я не понимаю, какой синтаксис использовать. Код ниже уже раздвигает границы моего понимания jQuery. У меня болит голова. Помогите?
<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>
Примечание 2: я тоже пробовал это делать с live () и on (). Кажется, он работает как с исходными полями, так и с динамически вставленными, но время от времени (по крайней мере, в Chrome). Мол, он будет работать три секунды, затем остановится на три секунды, а затем будет работать три секунды и ...
$(function() {
$('.usedatepicker').live('click', function(){
$(this).datepicker({showOn:'focus'});
});
});