Javascript 我想添加独立于HTML的jQuery文件_Javascript_Jquery_Html

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

javascript jquery html

Javascript 我想添加独立于HTML的jQuery文件,javascript,jquery,html,Javascript,Jquery,Html,我想编写更清晰可读的代码，所以我想在一个单独的文件中实现我的代码。我将该文件保存在sam文件夹中，作为从jQuery.com下载的jQuery代码。在我的HTML中，我将引用放在那里，但它不起作用，但如果我将jQuery代码留在HTML中，它就会起作用我的HTML代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <

我想编写更清晰可读的代码，所以我想在一个单独的文件中实现我的代码。我将该文件保存在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>

但当我在浏览器中运行它时，它不工作。我基本上尝试了所有方法，并决定需要专业帮助。

您需要将代码放入$（function（）{…}）

像这样：

$(function() {
    $(':text').focusin(function() {
        $(this).css('background-color','yellow');
    });
});

您需要将代码放入$（function（）{…}）

像这样：

$(function() {
    $(':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>

您可能在相对链接方面有问题。试着改变这个

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

为此：

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

您可以先将

alert（）

函数放入

test.js

文件中，确认是否包含文件。如果包含，那么您可以尝试在

test.js

文件中编写一些jQuery代码，以检查jQuery文件是否正确包含。

您可以首先通过将

alert（）

函数放入

test.js

文件中来确认是否包含文件。如果包含，那么您可以尝试在

test.js

文件中编写一些jQuery代码，以检查jQuery文件是否正确包含。

您需要为jQuery脚本添加一个现成的处理程序，如

$(function() {
    $('input[type=text]').focusin(function() {
        $(this).css('background-color','yellow');
    });
});

您需要为jQuery脚本添加一个现成的处理程序，如

$(function() {
    $('input[type=text]').focusin(function() {
        $(this).css('background-color','yellow');
    });
});

首先，当文件包含在DOM中的元素之后时，不需要添加DOM就绪的处理程序，所以忽略这些答案。第二，如果代码在添加到HTML中时能正常工作，那么应该没问题，剩下的唯一其他解决方案是文件没有加载。在浏览器（F12）中打开控制台并检查错误。首先，当文件包含在DOM中的元素之后时，不需要添加DOM就绪处理程序，因此忽略这些答案。第二，如果代码在添加到HTML中时能正常工作，那么应该没问题，剩下的唯一其他解决方案是文件没有加载。在浏览器（F12）中打开控制台并检查错误。