2012-04-03 20 views
8

Mi test div está a continuación. Si pongo todo esto en su propia página, todo funciona perfectamente. Si lo coloca en mi página final, aparece un error que dice que datepicker() no está definido.jQuery UI no cargando

¿Cómo puedo saber qué está causando que jQuery UI se rompa?

<div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 

<script type='text/javascript'> 
$(document).ready(function() { 

    //for calendar 
    $("#date_to").datepicker(); 
    $("#date_from").datepicker(); 
    //end for calendar 
}) 
</script> 

<input id='date_to'> 
<input id='date_from'> 
</div> 
+2

Parece que funciona aquí: http://jsfiddle.net/Vvmxx/. Asumo que puede haber algún otro código en su página que esté causando un error y el error de datepicker es un subproducto. –

+0

¿Puede proporcionar fuente o enlace a su página final? Además, ¿qué dice la consola? Sólo jQuery.ui undefined? –

+0

Estoy de acuerdo con @RoryMcCrossan en que el datepicker es un subproducto. –

Respuesta

0

Asegúrese de que cuando se genera el paquete de interfaz de usuario jQuery aquí: http://jqueryui.com/download, selecciona el elemento selector de fechas . Vi que estás usando la versión alojada en Google, funciona bien aquí, lo proporcionan: jQuery UI Datepicker 1.8.18 (mira el código fuente). Para descubrir qué está causando que jQueryUI se rompa, además de la depuración:

  • Pruebe en jsfiddle.net;
  • Prueba en otro entorno local (otros navegadores también);

Espero que ayude.

16

Asegúrese de que no haya referenciado accidentalmente a jQuery dos veces. Tenía una versión anterior de la carga de jQuery después de la interfaz de usuario de jQuery, que estaba mejorando. =/

+2

Acabo de tener un problema similar: al cargar la interfaz de usuario de jQuery se divide dos veces el primer elemento que lo usa (al menos así es como apareció). – Trojan

+0

Me gustaría agregar que tenía otra biblioteca carga la versión anterior de jQuery sobre mi propia referencia. Es por eso que no fue tan fácil de descubrir. – JoshNaro

+1

Si incluye DataTables utilizando el generador de descargas, SABE SI INCLUYE o no la opción jQuery con DataTables. Si es así, no incluya jQuery de forma independiente. Si no lo eres, DEBES incluir jQuery de forma independiente. ¡Esto me quema! Gracias por el consejo. –