“未捕获的ReferenceError:$未定义”与另一个错误

时间:2014-02-03 08:37:03

标签: javascript jquery

<script type="text/javascript" href="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="/stylesheets/style.css">

在页面的末尾,有以下脚本:

案例1:没有错误,但在控制台上没有打印出“你好”

<script>
(function() {
     console.log("hello");
});
</script>

案例2:我收到错误:“未捕获的ReferenceError:$未定义”

<script>
$(document).ready(function() {
     console.log("hello");
});
</script>

你能告诉我为什么我会遇到这些错误以及如何解决这些错误吗?感谢

4 个答案:

答案 0 :(得分:4)

您必须在src代码中使用href代替<script>

答案 1 :(得分:2)

案例1:您正在定义该功能,但从不调用它。你需要在表达式之后放一对括号:

(function() {
     console.log("hello");
})();

案例2:<script>代码的正确语法为src=URL,而不是href=URL

答案 2 :(得分:1)

href 更改为 src

在js中我们使用 src ,在css中我们使用 href

 <script type="text/javascript" href="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

更改为

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

答案 3 :(得分:0)

1)在加载jQuery库之前,你可能正在调用你的jquery脚本。

2)在src标记中使用href而不是<script>加载您的jquery脚本。 也许您没有在页面上加载jquery,请尝试检查控制台上是否有failed to load resource错误。希望这有帮助

3)要知道jquery是否在您的网站上工作,请尝试这一点,但我希望以上两个解决问题:

(function() {
    if (window.addEventListener) {
        // Standard
        window.addEventListener('load', jQueryCheck, false);
    }
    else if (window.attachEvent) {
        // Microsoft
        window.attachEvent('onload', jQueryCheck);
    }
    function jQueryCheck() {
        if (typeof jQuery === "undefined") {
            // No one's loaded it; either load it or do without
        }
    }
})();