javascript - 我想添加独立于 HTML 的 jQuery 文件

标签 javascript jquery html

我想编写更清晰、可读的代码,所以我想实现我的 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/

相关文章:

javascript - 路由导入的服务器端渲染问题

javascript - 如何检测设备是否有振动器?

jquery - 使用 jquery/ajax 更新 django 表单

html - margin-top css 属性的意外行为

php - 单击图像时如何制作图像以在 codeigniter View 中放大 Bootstrap ?

javascript - 网页需要灵活的用户界面

javascript - 在 Javascript 或 Jquery 中的 Iframe 中外部站点的 URL 时出现错误

javascript - 如何实现浏览器选项卡的关闭选项卡监听器?

javascript - 隐藏动态生成的特定 DIV 元素

jquery - 带有验证引擎的 AJAX 联系表单 - jQuery