jQuery插件不适用于动态添加的元素

如何让jQuery插件为动态添加的元素工作？每次点击add按钮时，我都会尝试向DIVdatesList添加几个日期选择器。该插件不适用于动态添加的文本框。有人能给点建议吗

多谢各位

HTML

<div class="datesList">
    <div class="date">
        <input type="text" class="date-picker"/>
    </div>
</div>

<div class="addDate">
    Add Date
</div>

在（）上使用jquery，如下所示：

---

为了获得更好的性能，而不是$（document），请使用第一次加载的最接近的DOM元素

如果这是jQuery UI日期选择器，您只需在每次更新后调用

.datepicker（'refresh'）

。

试试这个

 $(".date-picker").datepicker();

 $(".addDate").click(function(){
   var dList = $(".datesList");
   dList.find(".date").first().clone(false).appendTo(dList);
   $(".date-picker").datepicker();
});

---

这很管用，但你可能不喜欢我这样做

$(".date-picker").datepicker();

$(document).on('click', '.addDate', function() {
    var dList = $(".datesList");
    var newinput = $('<input type="text" />').attr('class', 'date-picker');
    dList.append(newinput);
    var newdatepickr = $(".date-picker").datepicker();
});​

$（“.date picker”）.datepicker（）；
$（文档）.on（'单击'，'.addDate'，函数（）{
var-dList=$（“.datesList”）；
var newinput=$（''）.attr（'class'，'date picker'）；
dList.append（newinput）；
var newdatepicker=$（“.date picker”）.datepicker（）；
});​

---

对不起，伙计，它坏了，你能帮我个忙吗

 $(".date-picker").datepicker();

 $(".addDate").click(function(){
   var dList = $(".datesList");
   dList.find(".date").first().clone(false).appendTo(dList);
   $(".date-picker").datepicker();
});

$(".date-picker").datepicker();

$(document).on('click', '.addDate', function() {
    var dList = $(".datesList");
    var newinput = $('<input type="text" />').attr('class', 'date-picker');
    dList.append(newinput);
    var newdatepickr = $(".date-picker").datepicker();
});​