我试图将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>
关于我应该做什么的任何建议?
提前致谢
答案 0 :(得分:0)
如果您在标记<head> </head>
中链接脚本,则可能必须包含类型:
<script type="text/javascript" src="../jquery-1.11.3.min.js"> </script>
就像你对home.js一样的方式
答案 1 :(得分:0)
很高兴我的上述评论有所帮助。
只是想提一下,因为您正在使用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/