在使用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将该文件与加载一起使用。