टाइपरर: $ (...) डेटाटेबल एक फ़ंक्शन नहीं है

Question

मैं jquery प्लगइन डेटा टेबल का उपयोग करने का प्रयास कर रहा हूं, लेकिन मैं फ़ंक्शन लोड नहीं कर सकता।

$(document).ready(function(){ 
     $('table#tableID').DataTable({ 
      paging: true 
     }); 
    }); 

मैं jQuery वी उपयोग कर रहा हूँ 1.11.1 मैं समाधान के लिए चारों ओर देखने की कोशिश की है, और लोगों के बारे में बात jQuery देखा:

Uncaught TypeError: $(...).DataTable is not a function 
(anonymous function) @ index.php:167 
m.Callbacks.j @ jquery.min.js:2 
m.Callbacks.k.fireWith @ jquery.min.js:2 
m.extend.ready @ jquery.min.js:2 
J @ jquery.min.js:2 

नीचे मेरी जे एस कोड है: मैं इस त्रुटि प्राप्त हो रही लोड नहीं किया जा रहा है। मैं उसी पृष्ठ पर अन्य jQuery फ़ंक्शन सफलतापूर्वक चला रहा हूं। यह इस पृष्ठ पर एकमात्र। पहले से ही कार्य है। हम बता सकते हैं कि jQuery मौजूद है, जैसे दस्तावेज़ तैयार है, यह फ़ंक्शन निष्पादित करता है। मैंने जेएस और सीएसएस फ़ाइल के आयात को कई स्थानों पर रखने की भी कोशिश की, जैसा कि सुझाव दिया गया था, लेकिन काम नहीं किया। क्या किसी के पास कोई सुराग है कि इसे कैसे ठीक किया जाए?

संपादन:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="/css/jquery.dataTables.css"> 
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script> 

Answer 1

लिपियों के आदेश महत्वपूर्ण है, जब वे पुस्तकालयों या अन्य लिपियों पर निर्भर हैं: jQuery इससे पहले कि आप लाइब्रेरी लोड, आपको लगता है कि अपने पुस्तकालय से पहले jQuery के लिए <script> शामिल करके ऐसा कर सकते हैं लोड करने के लिए की जरूरत है।

jQuery.js के बाद किसी भी jQuery से संबंधित कोड को शामिल करने की आवश्यकता है ... इसका मतलब प्लगइन और आपके द्वारा लिखे गए किसी भी कोड को jQuery का उपयोग करता है। इसी प्रकार किसी भी कोड आप लिखते हैं कि एक प्लगइन प्लगइन अपने कोड से पहले भरी हुई है चाहिए

आप क्रम स्विच इसलिए dataTables.js से पहले jQuery.js भार

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script> 

यह भी सुनिश्चित करता है कि आप केवल कभी jQuery एक बार शामिल एक पृष्ठ में ... प्रति प्लगइन एक बार नहीं, क्योंकि कभी-कभी

Answer 2

इसका कारण यह है कि आप jQuery ही लोड करने से पहले jQuery पुस्तकालय लोड कर रहे हैं।

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" charset="utf8" src="/js/jquery.dataTables.js"></script>