Question

我试图将jquery链接到外部js文件，但我无法让它工作。这是我的完整HTML。我已经在js文件之前放了jquery，正如你所看到的那样。我也尝试在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 个答案: