$ ("# slider_range") स्लाइडर एक समारोह

Question

ठीक नहीं है, मैं तो जैसे jQuery के यूआई के लिए Google API पुस्तकालयों, शामिल किया है:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js' ></script> 

अब मैं एक स्क्रिप्ट है कि कुछ फैला है और एक अद्यतन करता है दस्तावेज़ स्लाइड और न केवल पर छिपे हुए इनपुट, दस्तावेज़ तैयार पर:

<script type="text/javascript"> 
      $(document).ready(function() 
      { 
       var slider=$('#slider_range').slider({ 
         range:true, 
         min:0, 
         max:5, 
         step:1, 
         values:[0,3], 
         slide:function(event,ui) 
         { 
          $('#level').val(ui.values[0]+'-'+ui.values[1]); 
          $('#low').html(ui.values[0]); 
          $('#high').html(ui.values[1]); 
         } 
       }); 

       var s=slider; 
       if(s.slider("values",0)==s.slider("values",1)) 
       { 
        $('#level').val(s.slider("values",0)); 
        $('#low').html(s.slider("values",0)); 
        $('#high').html(s.slider("values",0)); 
       } 
       else 
        { 
         $('#level').val(s.slider("values",0)+'-'+s.slider("values",1)); 
         $('#low').html(s.slider("values",0)); 
         $('#high').html(s.slider("values",1)); 
        } 
       }); 
     </script> 

ideea है कि एक पृष्ठ पर स्लाइडर से पता चलता और एक अन्य पर नहीं है। त्रुटि संदेश मैं Firebug से मिलता है यह है:

$("#slider_range").slider is not a function 

और लाइन

slide:function(event,ui) 

इस कारण हो सकता है क्या करने के लिए अंक? पृष्ठ पर क्यों स्लाइडर देखा जा सकता है और दूसरे पर (जो उपरोक्त लोड करने वाले समान टेम्पलेट का उपयोग करता है) नहीं कर सकता है?

कृपया मदद करें!

Answer 1

दूसरे पृष्ठ पर दो अलग-अलग jQuery पुस्तकालय शामिल थे।

Answer 2

मुझे बस वही त्रुटि हुई, जबकि मैंने jquery ui स्लाइडर के साथ ज़र्ब से नींव ढांचे का उपयोग किया।

समस्या # 1: नींव ढांचे 3.2.4 पहले से ही jquery 1.8.1 प्रदान करता है और मैंने नींव फाइलों से ठीक पहले jquery 1.9 की अपनी प्रति शामिल करने का प्रयास किया। (= डुप्लिकेट jquery समावेशन)

समस्या # 2: मेरे समावेशन के आदेश। नींव ढांचे फाइलों के बाद jquery ui को शामिल करने की जरूरत है।