链接脚本不适用于加载的HTML

时间:2017-11-22 15:27:40

标签: jquery html

我在页面上链接javascript文件,如下所示:

<script type="text/javascript" src="example.js"></script>

我正常加载了一些HTML元素,同时我使用相同的元素从另一个页面加载HTML个内容:

$( "#loaded_data-1" ).load( "Curriculum2.htm .half" , function( response, status, xhr ) {
        // but this content won't access example.js so I need to call it like this below.
$.getScript( "example.js");         
});

但是此加载的内容无法访问example.js,因此我需要通过$.getScript( "example.js");进行调用。

但这会导致原始正常加载元素出现问题,因为对于它们来说,它会被加载两次。如何加载example.js一次,并以常规方式加载到我网站上的所有项目并加载ajax

2 个答案:

答案 0 :(得分:2)

也许它是duplicate problem

您还可以按如下方式使用$ .loadScript:

$.loadScript('url_to_someScript.js', function(){
    //Do after someScript has loaded
}

答案 1 :(得分:1)

删除script代码:

<script type="text/javascript" src="example.js"></script>

只需添加脚本 - 使用$.getScript()方法 - 一旦加载了所有HTML元素。这样,在您的所有HTML元素都存在并被占用之前,不会应用JavaScript。