2011-09-27 19 views
5

Ok, me han incluido las bibliotecas API de Google para jQuery UI, de este modo:

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

Ahora tengo un script que actualiza algunos tramos y una campo oculto de documento de diapositivas y no sólo, en el documento listo:

<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> 

la idea pra es que en una página que muestra la corredera y en otro no. El mensaje de error que recibo de Firebug es la siguiente:

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

y apunta a la línea

slide:function(event,ui) 

¿Cuál podría ser la causa de esto? ¿Por qué en una página se puede ver el deslizador y en otro (que usa la misma plantilla que carga el anterior) no se puede?

Por favor ayuda!

+0

es 'jquery-ui.js' también incluido en la otra página en la que no se muestra – Rafay

+0

@ 3nigma Sí, la segunda página carga la misma plantilla. No importa lo que sea. – Gabriel

+0

pregunta estúpida pero ¿incluiste también la biblioteca jquery? – Awea

Respuesta

9

Había dos bibliotecas jquery diferentes incluidas en la segunda página.

+1

Si este es el solución, debes aceptar esta respuesta. Haga clic en la marca de verificación junto a su respuesta :) – RvdK

1

Acabo de tener el mismo error mientras usaba el framework de base de zurb junto con el control deslizante jquery ui.

Problema n. ° 1: the foundation framework 3.2.4 ya entrega jquery 1.8.1 y traté de incluir mi propia copia de jquery 1.9 justo antes de los archivos de la fundación. (= inclusión de jquery duplicada)

Problema n. ° 2: el orden de mis inclusiones. jquery ui debe incluirse DESPUÉS de los archivos del marco de la fundación.

+0

Esto realmente me ayudó. Gracias –