我想编写更清晰、可读的代码,所以我想实现我的 jQuery代码在一个单独的文件中。我将该文件保存在 sam 文件夹中,作为从 jquery.com 下载的 jQuery 代码。在我的HTML我将引用放在那里,它不起作用,但如果我将 jQuery 代码留在 HTML 中,它就起作用。
我的 HTML 代码是这样的:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>focusin demo</title>
</head>
<body>
<input type="text" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/test.js"></script>
</body>
</html>
我的 jQuery 代码位于一个名为 test.js
的单独文件中,如下所示:
$(':text').focusin(function() {
$(this).css('background-color', 'yellow');
});
但是当我在浏览器中运行它时,它不起作用。我基本上尝试了一切,并决定我需要专业帮助。
最佳答案
您的相对链接可能有问题。尝试改变这个
<script type="text/javascript" src="js/jquery.js"></script>
对此:
<script type="text/javascript" src="/js/jquery.js"></script>
关于javascript - 我想添加独立于 HTML 的 jQuery 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20304497/