2010-04-01 83 views
17

Estoy tratando de instalar jQuery UI con un tema ThemeRoller por primera vez. He descargado jquery 1.4.2 ... He descargado la interfaz de usuario de jQuery con un par de temas. Intenté seguir las instrucciones, pero parecen contradictorias y no parecen estar relacionadas con los archivos descargados.jQuery UI ThemeRoller - Instalar temas

Cuando intento usar un marcador de fecha ... funciona la función datepicker, pero tiene el estilo predeterminado (gris).

This page se refiere a una carpeta/subcarpeta/archivos CSS que no existen. Esta página hace referencia a un archivo ui.theme.css que no existe.

Las descargas que he recibido fueron las siguientes:

--development-bundle 
---demos 
----docs 
----external 
----themes 
------base 
------Redmond 
----ui 
------i8n 
------minified 
--js 

Entonces, ¿Cómo se pone dónde? Copié el js al directorio apropiado y lo vinculé a mi página. Y también copié la carpeta themes/base y la vinculé al archivo jquery.ui.all.css. Incluso las demostraciones incluidas solo muestran el estilo predeterminado (gris).

¿Dónde me estoy equivocando?

EDIT:

Lo sentimos, en realidad trató de Redmond principio, pero cuando no funcionó, traté Suavidad (una selección aleatoria -¿No cuenta de que era el gris). Obtengo los mismos resultados para cada uno: gris. [estructura de carpetas también corregido anteriormente]

EDIT 2: Bueno, he averiguado .... ninguna de las descargas iniciales de lisura o Redmond tenían una carpeta CSS (como puede verse a partir de la estructura que describí arriba). Ambos temas se descargaron unos minutos después y tienen diferentes tamaños de archivo). Acabo de intentar descargar Cupertino, que sí tiene una carpeta CSS. Cuando copio esto en mi aplicación, obtengo un estilo adecuado.

así que he intentado descargar Redmond otra vez, y he aquí - sino que también ahora tiene una carpeta CSS ... Me preguntaba si podría haber descargado el mismo tema dos veces, pero tienen diferentes marcas de tiempo y diferentes tamaños de archivo ... Estoy confundido. ¡Tal vez el servidor de jQuery estaba teniendo un problema de cerebro!

Toda la estrella de oro va al mero para ponerme en el rastro de jquery-ui-1.8.custom.css, que finalmente me llevó a mi epifanía!

Datos 3:

que acaba de comenzar la descarga de inicio y la Humanidad - ambos archivos zip no tienen una carpeta CSS!

Cavando aún más, parece I might not be crazy after all.

+0

Entonces, ¿acaba de instalar su tema personalizado en la carpeta base? –

Respuesta

17

es necesario cambiar este enlace en su cabeza, que debe ser en este formato:

<link rel="Stylesheet" href="/css/MY_THEME_HERE/jquery-ui-1.8.custom.css" /> 

Por ejemplo, si ha descargado el tema Redmond sería:

<link rel="Stylesheet" href="/css/redmond/jquery-ui-1.8.custom.css" /> 

Lo que sea que el tema elegir cuando se descargan deben incluirse en el zip en esta ruta. Si creó un tema personalizado, será:

<link rel="Stylesheet" href="/css/custom-theme/jquery-ui-1.8.custom.css" /> 
+0

El archivo jquery-ui-1.8.custom.css está realmente en la subcarpeta js, pero lo he copiado (y el archivo UI js) a otra carpeta - mi enlace css es correcto. – CJM

+0

Raspe ese último comentario, creo que estoy hablando fuera de mi sombrero. Comprobaré ... :) – CJM

+2

@CJM - También están alojados en CDN, por ejemplo, para sacar a redmond de google, cambie su enlace de hoja de estilo a: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8 /themes/redmond/jquery-ui.css –

0

Suavidad es un tema gris: ¿está seguro de que no está configurado correctamente? Tal vez intente con uno de los temas más coloridos y vea si coincide con el programador.

+0

Lo siento, de hecho, probé Redmond primero, los mismos resultados (ver más arriba) – CJM

0

Suavidad es el tema de gery "predeterminado" que se obtiene al descargar jquery ui. Cuando mueva su propio tema, el directorio css debe tener un directorio "personalizado" que tenga su tema enrollado.

¿Estás seguro de que no seleccionaste el teheme de suavidad al descargar jqueryUI en lugar de personalizar u otro tema?

A veces, cuando cambia un tema, necesita volver a cargar la página (f5) para ver los cambios.

Cuestiones relacionadas