ブートストラップモーダルにdatepickerとselect2をバインドします。

Question

私はajaxを使用してdbクエリからコンテンツを取り込むブートストラップモーダルを持っています。しかし、私のdatepickerとselect2プラグインは、ページ上で動作しますが、モーダルの内部では動作しません。私は比較的新しいajaxですが、私はdatepickerとselect2をバインドする必要があることを示唆しているstackoverflowスレッドをいくつか見つけましたが、私は運がありません。

のindex.php：ここ はアヤックスで...

$(document).ready(function() {  
    $('#newCall').on('show.bs.modal', function (e) { 
     var id = $(e.relatedTarget).data('id'); 
     $(".datepicker").datepicker(); 
    $.ajax({ 
     type : 'post', 
     url : '../includes/modals/call.php', 
     data : 'id='+ id, 
     success : function(data){ 
     $('.form-data').html(data); 
     } 
    }); 
    }); 
}); 

私はSELECT2や日付ピッカーのjsファイルを持っては、Ajaxの前に含まれています。

call.php：事前に

<!-- NEW CALL MODAL --> 
<div id="newCall" class="modal fade" role="dialog"> 
    <div class="modal-dialog modal-lg"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="form-data"></div> 
     </div> 
    </div> 
</div> 

ありがとう！

Answer 1

移動$（ "。datepicker"）。datepicker（）;内部のajaxの成功（下記参照）は私の問題を解決しました。

$(document).ready(function() {  
    $('#newCall').on('show.bs.modal', function (e) { 
     var id = $(e.relatedTarget).data('id'); 
    $.ajax({ 
     type : 'post', 
     url : '../includes/modals/call.php', 
     data : 'id='+ id, 
     success : function(data){ 
     $('.form-data').html(data); 
     $(".datepicker").datepicker(); 
     } 
    }); 
    }); 

}）;