2014-05-05 14 views
6

मैं iCheck प्लगइन का उपयोग करने की कोशिश कर रहा हूं और मैं JQuery और जावास्क्रिप्ट में नया हूं। मैं ब्राउज़र है कि कहते हैं

TypeError: $ is undefined

मैं चारों ओर देखा और इस link पाया में कोई त्रुटि हो रही है, लेकिन मैं (jQuery) जोड़ने के रूप में यह पता चलता है की कोशिश की है, लेकिन यह त्रुटि संदेश नहीं बदला।

मुझे लगता है कि वेब पेज पर लक्षण यह है कि वेब पेज में पोलारिस त्वचा शो के लिए example जैसे चेकबॉक्स के अंदर काम करने या काले रंग का होवर नहीं है।

कोई विचार? 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

[$ 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> 
संबंधित मुद्दे