如何将jQueryUIDatePicker附加到动态插入的formfield?
我有一个表,包含一堆输入字段,有点像电子表格。一些输入字段使用jQueryUIDatePicker。还有一个按钮用于添加表行 当我单击按钮添加表行时,它被正确地添加到DOM中。但是,datepicker小部件不会附加到新行中的日期字段 我怀疑答案是使用live()-或者on()-调用datepicker(),但我不明白该使用什么语法。下面的代码已经超出了我对jQuery理解的极限。我头痛。帮忙如何将jQueryUIDatePicker附加到动态插入的formfield?,jquery,jquery-ui,Jquery,Jquery Ui,我有一个表,包含一堆输入字段,有点像电子表格。一些输入字段使用jQueryUIDatePicker。还有一个按钮用于添加表行 当我单击按钮添加表行时,它被正确地添加到DOM中。但是,datepicker小部件不会附加到新行中的日期字段 我怀疑答案是使用live()-或者on()-调用datepicker(),但我不明白该使用什么语法。下面的代码已经超出了我对jQuery理解的极限。我头痛。帮忙 <script type="text/javascript"> $(functio
<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>
只需在添加新行后重新绑定日期选择器。如果失败,请尝试“刷新”方法
$('.rowadd').live('click',function()){
var appendTxt='';
$(“tr:last”)。在(appendTxt)之后;
$(“.usedatepicker”).datepicker();//或
$(.usedatepicker”).datepicker(“刷新”);
});
$(function() {
$('.usedatepicker').live('click', function(){
$(this).datepicker({showOn:'focus'});
});
});
$('.rowadd').live('click',function(){
var appendTxt = '<tr><td><input class="usedatepicker" name="something" type="text" /></td></tr>';
$("tr:last").after(appendTxt);
$(".usedatepicker").datepicker(); // or
$(".usedatepicker").datepicker("refresh");
});