jQuery TypeError: $ 未定义答案

【问题标题】：jQuery TypeError: $ is undefinedjQuery TypeError: $ 未定义
【发布时间】：2014-06-21 22:16:13
【问题描述】：

我正在尝试使用 iCheck 插件，而且我是 JQuery 和 javaScript 的新手。我在浏览器中收到错误提示

类型错误：$ 未定义

我环顾四周，发现了这个link，但我尝试按照它的建议添加（jQuery），但它并没有改变错误消息。

我看到的网页上的症状是该网页在复选框内没有悬停工作或黑色，例如北极星皮肤显示的example。

有什么想法吗？请参阅下面的“c 样式注释 - //”以了解 TypeError 指向的确切行。

这是我的代码的摘录：

<html>
    <head>
        <title>jQuery Michele Project</title>
        <link href="css/skins/polaris/polaris.css" rel="stylesheet">
        <link href="css/skins/all.css" rel="stylesheet">
        <link href="css/demo/css/custom.css" rel="stylesheet">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/icheck.js"></script>
        <script type="text/javascript" src="js/jquery-1.11.0.js"></script>
        <script type="text/javascript" src="js/jquery.ui.core.js"></script>
        <script type="text/javascript" src="js/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
        <script type="text/javascript">
        $(document).ready(function(){
                $("#infolist").accordion({
                   autoHeight: false
                });
       });

        </script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('.input').iCheck({

                    checkboxClass:'icheckbox_polaris', //this is the line that the error message points to
                    radioClass:'iradio_polaris',
                    increaseArea:'-10%'
                });
            })(jQuery);
        </script>
        <style type="text/css">
            ul {list-style-type: none}
            img {padding-right: 20px; float:left}

            #infolist {width:500px}
        </style>
    </head>
    <body>

【问题讨论】：

您在定义 jQuery 之前加载 <script src="js/icheck.js"></script>。先加载 jQuery。
$ is undefined error in jquery的可能重复

标签： javascript jquery html typeerror

【解决方案1】：

在定义 jQuery 之前，您正在加载 <script src="js/icheck.js"></script>。先加载 jQuery。

<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
<script src="js/icheck.js"></script>

【讨论】：