Javascript 不影响由另一个脚本加载的内容答案

【问题标题】：Javascript not affecting content that is loaded by another scriptJavascript 不影响由另一个脚本加载的内容
【发布时间】：2013-04-12 16:30:50
【问题描述】：

我正在使用 jQuery 加载一个 php 表单并使用 bootstrap.js 加载该表单上的 datepicker 元素；此代码在文件 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 保存在单独的文件中。有什么想法吗？

【问题讨论】：

标签： php javascript

【解决方案1】：

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

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

【讨论】：