添加InnerHTML時，jQuery DatePicker不起作用

Question

我有一個日期選擇器，當我使用innerHTML添加datepicker時，它不起作用。

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，我可以使其生效，但是，如果ID相同，這會阻止Datepicker從類中停止工作嗎？

Soultion不要使用類“.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>

查找下面的小提琴解決方案以供參考-使用html的靜態和動態添加創建的兩種解決方案都可以正常使用。

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