web-dev-qa-db-ja.com

jQuery TypeError：$は未定義です

ICheckプラグインを使おうとしていますが、JQueryとjavaScriptは初めてです。ブラウザで次のようなエラーが発生します

TypeError：$は未定義です

周りを見回してこれを見つけました link 、しかしそれが示唆するように（jQuery）を追加しようとしましたが、エラーメッセージは変わりませんでした。

私が見ているWebページの症状は、ポラリススキンショーの example のように、チェックボックス内でWebページのホバーが機能していないか黒であるということです。

何か案は？ TypeErrorが指している正確な行を知るには、以下の「c-styleコメント-//」を参照してください。

これが私のコードからの抜粋です：

<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>
javascriptjqueryhtmltypeerror
7
Michele

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>
10
Dom