$（ "＃のslider_range"）スライダーがOK機能

Question

ではありませんので、は次のように、私は、jQueryのUIのためのGoogleのAPIライブラリが含まれています準備ができて文書上の文書スライドとだけでなく、上の隠し入力、：

<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のから取得したエラーメッセージはこれです：行これを引き起こしている可能性が何

slide:function(event,ui) 

へ

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

そしてポイント？ページ上でスライダーを見ることができるのはなぜですか？また別のもの（上記のものをロードする同じテンプレートを使用しています）はできません。

助けてください！

Answer 1

第2ページには2つの異なるjqueryライブラリが含まれていました。

Answer 2

jquery UIスライダーと一緒にzurbの基礎フレームワークを使用していたのと同じエラーが発生しました。

問題＃1： 基礎フレームワーク3.2.4はすでにjquery 1.8.1を提供しています。私はjquery 1.9のコピーを基礎ファイルの直前に含めようとしました。 （= jqueryの重複を含む）

問題＃2： 私の包含の順序。 jquery UIを基礎フレームワークファイルの後に組み込む必要があります。