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

使用此格式，datepicker不起作用。但是，如果我把jQuery放在php文件中，也放在文档中（准备就绪），它就能正常运行。我想将所有的javascript保存在单独的文件中。有什么想法吗？

Answer 1

您的绑定是在加载表单之前进行的。相反，一旦在onload事件的回调中加载了表单，就应该绑定datepicker。

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