Question

我有一个bootstrap模式，它使用ajax来填充db查询中的内容。但是我的datepicker和select2插件在模态内部不起作用，尽管它们在页面上工作。我对ajax比较新，但我发现一些stackoverflow线程表明我需要绑定datepicker和select2，但我没有运气。

的index.php：这是ajax ......

$( 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);
       }
    });
    });
});

我在ajax之前包含了select2和datepicker js文件。

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

移动$（＆＃34; .datepicker＆＃34;）。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();
       }
    });
    });

}）;

绑定datepicker和select2到bootstrap模式

1 个答案: