InnerHTMLを追加するとJquery DatePickerが機能しません

Question

日付ピッカーがあり、innerHTMLを使用してdatepickerを追加すると機能しません。

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

これは追加されているhtmlです。私はちょうどdatepickerを再割り当てするために場所を読んだが運がまだありません、私はフォーカスにもイベントを追加しようとしましたが、まだ動作しません。私はそれが働いて得ることができスペル日付ピッカー 上

<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が同じであれば、このクラスから作業日付ピッカーを停止しますか？

Soultion は、あなたが「datepickと呼ばれるあなたは 『日付ピッカー』としてではなく、JSでクラスを宣言したHTMLでは、私はこれが原因クラス名のタイプミスである可能性がありと信じクラス「.datepicker」

Answer 1

を、使用しないでください。 '？

//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の追加を使用して作成された以下のfiddle解決策は、何の欠陥もなく動作します。

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