php - Javascript 不影响由另一个脚本加载的内容

Question

我正在使用 jQuery 为该表单上的 datepicker 元素加载一个 php 表单和 bootstrap.js；此代码位于文件 script.js 中：

$(document).ready(function() {

    // load form via ajax when button is clicked is submitted
    $('.add-opportunity .open').on('click', function() {

        // get form
        $('.add-opportunity').load('add_opportunity.php'); 
    });

    // datepicker
$('#datepicker').datepicker();        
});

使用这种格式，日期选择器不起作用。但是，如果我将 jQuery 放在 php 文件中，也放在 document(ready) 中，它会正常运行。我想将我所有的 javascript 保存在单独的文件中。有任何想法吗？

Answer 1

您的绑定是在加载表单之前进行的。相反，一旦您的表单在 onload 事件的回调中加载，您应该绑定日期选择器。

$('.add-opportunity').load('add_opportunity.php', function(){
    // datepicker
    $('#datepicker').datepicker();  
});