Question

每当我将脚本放在与script.js相同的文件夹中的另一个文件中时，它就不会运行。它只在我将代码包含在脚本标记中时才会运行。

我用这个简单的jquery代码试了一下。每当第三个脚本标记被取消注释时，它就可以工作，但我现在所拥有的设置不会运行。

HTML

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" scr="script.js"></script> // <!-- doesn't run -->
    <!--script> // <!-- only runs inside the html file -->
        $(document).ready(function(){
            $('p').click(function(){
                $(this).hide();
            });
        });
    </script-->
</head>
<body>
    <p>Click to hide.</p>
</body>
</html>

的script.js

$(document).ready(function(){
    $('p').click(function(){
        $(this).hide();
    });
});

有谁知道我做错了什么？

Answer 1

scr不是src。使用a validator确保您没有拼错属性名称。

Answer 2

您的jQuery代码在 script.js 文件和 .html 文件中被复制，因此代码无法运行。<\ n / p>

从 .html 文件中删除jQuery代码，您的代码将运行。同样如上所述，在 .html 文件中将 scr 替换为 src 。

最后，我将 script.js 文件中的代码替换为下面列出的新代码 click（function（）{} 是旧代码：

$(document).ready(function(){
    $("p").on("click", function(){
        $(this).hide();
    });
});

链接到外部js时jquery没有运行

2 个答案: