javascript - 链接到外部 js 时 jquery 未运行

标签 javascript jquery html

每当我将脚本放入与 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>

脚本.js

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

有人知道我做错了什么吗?

最佳答案

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

关于javascript - 链接到外部 js 时 jquery 未运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27337284/

相关文章:

javascript - 在 ReactJs 中更新数组中的嵌套对象

javascript - 是否有悬停或 mouseenter/mouseleave 的切换?

jquery - 单击表格行数据应使用 jquery 重定向到 html 页面

javascript - 如何将网页的固定宽高设置为所用屏幕的最大宽高?

javascript - AngularSlideables 反向效果

javascript - Jquery mobile - 保存滚动位置

javascript - 如何自动单击 href 以选择内容

javascript - 响应广场

javascript - 无法在 AJAX 函数中成功设置 innerHTML 或 $(this).val

javascript - jquery animate() - 如何只移动/动画页面的一部分?