$는 ("#의 slider_range") 슬라이더가

Question

확인 기능하지, 난 구글 API를 JQuery와 UI에 대한 라이브러리과 같이 포함되어 있습니다 :

이제

<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의 한 페이지에 슬라이더를 표시하고 다른에없는 것입니다. 내가 방화범에서 얻을 오류 메시지는 이것이다 : 라인이 원인이 될 수 무엇

slide:function(event,ui) 

에

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

그리고 점? 페이지에서 슬라이더를 볼 수있는 이유는 무엇입니까? (위의 내용을로드하는 동일한 템플릿을 사용하는) 슬라이더를 볼 수없는 이유는 무엇입니까?

도와주세요!

Answer 1

두 번째 페이지에는 두 개의 서로 다른 jquery 라이브러리가 포함되어 있습니다.

Answer 2

jquery UI 슬라이더와 함께 zurb의 기초 프레임 워크를 사용하는 동안 방금 동일한 오류가 발생했습니다.

문제 # 1 : 기초 프레임 워크 3.2.4는 이미 jquery 1.8.1을 제공하고 있으며 기초 파일 바로 전에 jquery 1.9의 사본을 포함하려고했습니다. (중복 jquery 포함)

문제 # 2 : 내 흠도의 순서. jquery UI 프레임 워크는 Foundation 프레임 워크 파일에 포함되어야합니다.