2014-05-05 7 views
6

J'essaie d'utiliser le plugin iCheck et je suis nouveau sur JQuery et javaScript. Je reçois une erreur dans le navigateur qui dit

TypeError: $ is undefined

J'ai regardé autour et trouvé ce link, mais j'essayé d'ajouter (jQuery) comme il le suggère, mais il n'a pas changé le message d'erreur.

Le symptôme sur la page Web que je vois est que la page Web n'a pas de travail en vol stationnaire ou noir dans la case à cocher, comme le example pour les expositions de la peau polaris.

Des idées? Voir le "commentaire de style c - //" ci-dessous pour connaître la ligne exacte vers laquelle pointe TypeError.

Voici un extrait de mon 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> 
+3

Vous chargez ' avant jQuery est défini. Chargez jQuery en premier. – Dom

+0

duplication possible de [$ est une erreur non définie dans jquery] (http://stackoverflow.com/questions/9313612/is-undefined-error-in-jquery) – JJJ

Répondre

10

Vous chargez <script src="js/icheck.js"></script> avant jQuery est défini. Chargez jQuery en premier.

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