Question

我使用load（）来加载外部html文件。

$("#header_section").load("header.html");
$("#sidemenu_section").load("side_menu.html");

此处，加载了HTML文件，并且还加载了css，但脚本文件未在页面中加载

<script src="js/utility.js"></script>

我试图在头部和体内声明上面的脚本文件。两者都不起作用。

Answer 1

检查您的utility.js文件的相对路径，并确保在加载utility.js文件之前加载juery.js库。

最后试试这个，

<script type="text/javascript" src="${pageContext.request.contextPath}/js/utility.js"></script>

加载utility.js文件。

Answer 2

我想你忘了添加jquery.min.js文件。使用下面的代码。

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/utility.js"></script>
</head>

Answer 3

根据很久以前提交的这个错误，jQuery可能只会将type属性设置为“text / javascript”来执行你的代码：

http://bugs.jquery.com/ticket/3733

Answer 4

试试这个......

<script type="text/javascript" src="http://your.cdn.com/first.js"></script>
<script type="text/javascript">
loadScript("http://your.cdn.com/second.js", function(){
    //initialization code
});
</script>

Answer 5

向DOM添加HTML的jQuery代码总是删除<script>标记。它运行它们然后将它们扔掉。

该行为的一个例外是当你使用“$ .load（）”和hack时，你可以加载一个页面片段：

$.load("http://something.com/whatever #stuff_I_want", function() { ... });

在这种情况下，脚本将被剥离，不会被评估/运行。

外部文件脚本未加载

5 个答案: