动态加载HTML/Javascript

Load HTML/Javascript dynamically

本文关键字：Javascript HTML 加载 动态      更新时间：2023-09-26

我有一个index.html页面，我想使用jQuery将另一个页面的内容动态加载到index.html。我使用$.load（）函数来实现这一点：

$('#dynamic_content').load('another.html #toLoad')

它工作得很好，但我还需要加载使用another.html的javascript文件，所以我这样做了：

$('#dynamic_content').load('another.html #toLoad');
$.getScript('js/another.js');

问题是"other.js"的js代码有时不会"应用"到html页面（可能它比html页面更早加载）另一个.js:的内容

$(document).ready(function {} {
   $('#cancelButton').click(function() {
       //do something 
});
});

使用成功回调：

$('#dynamic_content').load('another.html #toLoad', function() {
    $.getScript('js/another.js');
});

这样，如果another.js操纵来自another.html的动态加载的内容，则可以保证该内容已经被注入到当前DOM树中。

相关文章：