0

選択した扶養家族に基づいて動的に追加される DIV があります。

var dependentCount = 0;
    var index = 0;
    $("body").on("click", "#add", function () {
        var count = ++index;
        var html = $("#add_dependent_template").html();     
        html = html.replace(/name=\"dependent-dob\"/g, "name=\"dependent-dob" + count + "\"");
        var $new = $("#dependents").append("<div  class= 'dependent-contents' id='dependent" + (count) + "' >" + html + "</div>");
        $(".dependent-contents:last-child .divcount").append(count);        
        $("#dependent-dob").datepicker();
        dependentCount++;
        $("#dependent-count").val(dependentCount);
    });

div内に動的に追加されたテキストボックスにdatepickerをバインドしようとしています。

<div class="editor-field" id="dependent-details">
  <div>.....
      .....
  </div>
  <div>    
       <input type="text" id="dependent-dob" name="dependent-dob" 
             class="dependent-datepciker" datepicker />
  </div>
</div>

しかし、私は以下のように試したdatepickerを取得していません。

$("#dependent-dob").datepicker();
 //$("#<%= dependent-dob.ClientID %>").datepicker();

   $("#dependent-details").delegate(".dependent-datepciker", "focusin", function () {
        $(this).datepicker();

   });
 //$('body').on('focus',".dependent-dob", function(){
 // $(this).datepicker();
 // alert("hi");
 //});​

これで私を助けることができる体はありますか？

4

3 に答える 3

0

jQuery 1.7 以降を使用している場合は、リファレンスdelegate()に置き換えられています。on()

動的にロードされない div の親要素にイベントをバインドし、セレクタを使用して要素をフィルタリングする必要があります。

$("#dependent-details").on("focusin", ".dependent-datepciker", function() {
    $(this).datepicker();
});
于 2013-08-05T09:28:51.083 に答える
0

これを試して

$("#dependent-details").on( "focusin",".dependent-datepciker", function () {
        $(this).datepicker();
});
于 2013-08-05T09:17:50.057 に答える