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

Question

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

像这样的东西:

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

Answer 1

您将JS代码放在单独的文件中(将其加载到加载的html文件中)并使用getScript如下:

$('#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.