Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将jQueryUIDatePicker附加到动态插入的formfield?_Jquery_Jquery Ui - Fatal编程技术网

如何将jQueryUIDatePicker附加到动态插入的formfield?

如何将jQueryUIDatePicker附加到动态插入的formfield?,jquery,jquery-ui,Jquery,Jquery Ui,我有一个表,包含一堆输入字段,有点像电子表格。一些输入字段使用jQueryUIDatePicker。还有一个按钮用于添加表行 当我单击按钮添加表行时,它被正确地添加到DOM中。但是,datepicker小部件不会附加到新行中的日期字段 我怀疑答案是使用live()-或者on()-调用datepicker(),但我不明白该使用什么语法。下面的代码已经超出了我对jQuery理解的极限。我头痛。帮忙 <script type="text/javascript"> $(functio

我有一个表,包含一堆输入字段,有点像电子表格。一些输入字段使用jQueryUIDatePicker。还有一个按钮用于添加表行

当我单击按钮添加表行时,它被正确地添加到DOM中。但是,datepicker小部件不会附加到新行中的日期字段

我怀疑答案是使用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>

只需在添加新行后重新绑定日期选择器。如果失败,请尝试“刷新”方法

$('.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"); 
    });