在使用ajax加载的html上运行函数

Question

如果我将一个html文档加载到div标记中，有没有办法调用我知道存在于加载的html中的函数？

事情是这样的：

$('#foo').load('bar.html', function(){ 
    //call a function in bar.html 
}); 

Answer 1

你把你的JS代码在不同的文件中（加载它在你的加载HTML文件），并使用​​这样的：

$('#foo').load('bar.html', function(){ 
    $.getScript("js/fileName.js"); 
    // call a function from fileName.js 
}); 

因此，创建一个单独的JS文件（最好不要与html或html文档混合）并在bar.html文件中调用它：

<script href="js/fileName.js"></script> 

使用此功能，您还可以使用getScript使该文件与负载一起工作。