2014-05-05 2 views
6

Я пытаюсь использовать плагин iCheck, и я новичок в JQuery и javaScript. Я получаю сообщение об ошибке в браузере, который говорит

TypeError: $ is undefined

Я посмотрел вокруг и нашел этот link, но я попытался добавить (JQuery), как это предполагает, но это не изменило сообщение об ошибке.

Симптом на веб-странице, который я вижу, заключается в том, что на веб-странице нет рабочей области или черного цвета внутри флажка, например, example для показа изображений поляри.

Любые идеи? См. «C-style comment - //» ниже, чтобы узнать точную строку, на которую указывает 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> 
+3

Вы загружаете '' Перед JQuery определена. Сначала загрузите jQuery. – Dom

+0

Возможный дубликат [$ undefined error in jquery] (http://stackoverflow.com/questions/9313612/is-undefined-error-in-jquery) – JJJ

ответ

10

Вы загружаете <script src="js/icheck.js"></script> перед тем JQuery определена. Сначала загрузите 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>