jQuery TypeError: $ ist undefiniert

Question

May 05, 2014, 04:48 PM

jQuery TypeError: $ ist undefiniert

Ich versuche das iCheck-Plugin zu verwenden und bin neu in JQuery und JavaScript. Ich erhalte eine Fehlermeldung im Browser, die besagt

TypeError: $ ist undefiniert

Ich sah mich um und fand dasVerknüpfung, aber ich habe versucht, (jQuery) wie vorgeschlagen hinzuzufügen, aber die Fehlermeldung wurde nicht geändert.

Das Symptom auf der Webseite, das ich sehe, ist, dass der Schwebeflug auf der Webseite nicht funktioniert oder schwarz im Kontrollkästchen ist, wie dasBeispiel für polaris haut zeigt.

Irgendwelche Ideen? Sehen Sie sich den "c-style comment - //" unten an, um die genaue Zeile zu ermitteln, auf die TypeError zeigt.

Hier ist ein Auszug aus meinem Code:

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