javascript - 添加 InnerHTML 时 Jquery DatePicker 不起作用

Question

我有一个日期选择器，当我使用 innerHTML 添加日期选择器时，它不起作用。

while (currentMovedAmount < movedAmount)
{
    currentMovedAmount++;
    movedInContainer.innerHTML += extraAddresses.innerHTML;
    movedInContainer.innerHTML += '<hr>';
    $(".datepicker").datepicker();
}

这是正在添加的 html。我已经阅读了一些地方只是为了重新分配日期选择器，但仍然没有运气，我也尝试在焦点上添加一个事件，但仍然不起作用。

<p>Postcode: <INPUT name="postCode"  id="postCode"  type="text" placeholder="Enter Postcode"></p>   
<p>Date Moved In <INPUT name="dateMovedIn" id="dateMovedIn1"  type="text" class="datepicker"></p>

更新 日期选择器拼写错误 如果我将 分配给 id，我可以让它工作，但是如果 id 相同，这会阻止日期选择器在类里面工作吗？

灵魂 不要使用类“.datepicker”

Answer 1

我相信这可能是由于类名拼写错误，在 html 中您将类声明为“datepicker”，但在 js 中您将其称为“datepick”？

//js
$( function() {
    $("#datepicker" ).datepicker();
    $('#dynamic').html('Date: <input type="text" class="datepicker">');
    $(".datepicker" ).datepicker();
});

//html
<p>Date: <input type="text" id="datepicker"></p>
<p id='dynamic'></p>

查找以下 fiddle 解决方案以供引用 - 使用静态和动态添加 html 创建的两者都可以正常工作，没有任何缺陷。

http://jsfiddle.net/b68Xb/2621/