2014-05-05 27 views
6

Tôi đang cố gắng sử dụng plugin iCheck và tôi mới sử dụng JQuery và javaScript. Tôi nhận được một lỗi trong trình duyệt cho biết

TypeError: $ is undefined

Tôi nhìn quanh và thấy link này, nhưng tôi đã cố gắng thêm (jQuery) vì nó gợi ý, nhưng nó đã không thay đổi được thông báo lỗi.

Các triệu chứng trên trang web mà tôi thấy là trang web không có hoạt động di chuột hoặc màu đen bên trong hộp kiểm, như example cho các chương trình da polaris.

Bất kỳ ý tưởng nào? Xem "c-style comment - //" dưới đây để biết chính xác dòng mà TypeError đang trỏ đến.

Dưới đây là một đoạn trích từ mã của tôi:

<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

Bạn đang tải '' trước khi jQuery được xác định. Tải jQuery trước. – Dom

+0

có thể trùng lặp của [$ là lỗi không xác định trong jquery] (http://stackoverflow.com/questions/9313612/is-undefined-error-in-jquery) – JJJ

Trả lời

10

Bạn đang tải <script src="js/icheck.js"></script> trước jQuery được định nghĩa. Tải jQuery trước.

<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> 
Các vấn đề liên quan