2011-09-27 14 views
5

Ok, mam włączone biblioteki Google API dla jQuery UI, tak:

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

Teraz mam skrypt, który aktualizuje kilka przęseł oraz ukryte wejście na szkiełku dokumentu i nie tylko, na dokumencie gotowe:

<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 jest to, że na stronie pokazuje suwak i na innym nie. Komunikat o błędzie otrzymuję od Firebug to:

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

i punktów do linii

slide:function(event,ui) 

Co może być tego przyczyną? Dlaczego na stronie można zobaczyć suwak, a na innym (który korzysta z tego samego szablonu, który ładuje powyższe) nie można?

Proszę pomóc!

+0

to "jquery-ui.js" również na drugiej stronie, na której nie jest wyświetlany – Rafay

+0

@ 3nigma Tak, druga strona ładuje ten sam szablon. Bez względu na to, co tak zawsze. – Gabriel

+0

głupie pytanie, ale czy włączyłeś także bibliotekę jquery? – Awea

Odpowiedz

9

Na drugiej stronie umieszczono dwie różne biblioteki jquery.

+1

Jeśli to jest rozwiązanie należy przyjąć tę odpowiedź. Kliknij znak wyboru obok swojej odpowiedzi :) – RvdK

1

Po prostu miałem ten sam błąd, gdy użyłem ram fundamentowych z zurb wraz z suwakiem jquery ui.

Zadanie nr 1: Podstawowa struktura 3.2.4 już dostarcza jquery 1.8.1 i próbowałem dołączyć własną kopię jquery 1.9 tuż przed plikami fundamentowymi. (= duplikacja włączenia jquery)

Zadanie nr 2: kolejność moich włączeń. jquery ui musi zostać dołączone PO szkieletowych plikach fundamentowych.

+0

To naprawdę mi pomogło. dzięki –