如何将jquery链接到外部js文件？

Question

我正在尝试将jquery链接到外部js文件，但无法正常工作。 这是我的完整html。 如您所见，我将jQuery放在js文件之前。 我也尝试在div之后将主体中的jquery和js都链接起来，但是那也不起作用。

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css-teachers/lessons- teacher.css"/>
<script src="../jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../javascript-teachers/lessons-teacher.js"></script>

 <meta charset="UTF-8">

 <title>HOME</title>
 </head>
 <body>

 <div id="box1"> <a href="page2.html"/></div>
 <div id="box2"> <a href="page3.html"/></div>
 <div id="box3"> <a href="#"/></div>
 <div id="box4"> <a href="#"/></div>
 <div id="box5"> <a href="#"/></div>
 <div id="box6"> <a href="#"/></div>

 </body>
 </html>

如果我像这样将其放入体内，我的js就可以正常工作

<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css-teachers/lessons- teacher.css"/>

 <meta charset="UTF-8">

 <title>HOME</title>
 </head>
 <body>

 <div id="box1"> <a href="page2.html"/></div>
 <div id="box2"> <a href="page3.html"/></div>
 <div id="box3"> <a href="#"/></div>
 <div id="box4"> <a href="#"/></div>
 <div id="box5"> <a href="#"/></div>
 <div id="box6"> <a href="#"/></div>

<script src="../jquery-1.11.3.min.js"></script>
<script> 
$("#box1").click(function() {
window.location = $(this).find("a").attr("href"); 
return false;
}); 

</script>
</body>
</html>

关于我应该做什么的建议？

提前致谢

Answer 1

如果将脚本链接到标签<head> </head>可能必须包括以下类型：

<script type="text/javascript" src="../jquery-1.11.3.min.js"> </script>

就像处理home.js一样

Answer 2

很高兴以上我的评论有所帮助。

只是想提一下，由于您使用的是jQuery，因此您还可以将代码放在下面的代码块中的外部文件中，以防止它在呈现所有页面元素之前执行：

$(document).ready(function() {
    $("#box1").click(function() {
        window.location = $(this).find("a").attr("href"); 
        return false;
    }); 
});

更多信息： https : //learn.jquery.com/using-jquery-core/document-ready/

如何将jquery链接到外部js文件？

问题描述

2 个解决方案

解决方案1
0 2015-11-28 02:43:36

解决方案2
0 已采纳 2015-11-28 03:51:07

如何将jquery链接到外部js文件？

问题描述

2 个解决方案

解决方案1 0 2015-11-28 02:43:36

解决方案2 0 已采纳 2015-11-28 03:51:07

解决方案1
0 2015-11-28 02:43:36

解决方案2
0 已采纳 2015-11-28 03:51:07