2011-02-09 14 views
9

¿Alguien ha intentado utilizar alguno de los temas de jQuery en jsFiddle?Uso de temas jQuery (CSS) en jsFiddle

Estoy interesado en utilizar el widget Accordion con un tema pero tengo problemas para implementarlo en jsFiddle. El problema es que creo que los temas requieren archivos de imagen para poblar algunos de sus efectos, y mi sospecha es que jsFiddle tiene algún tipo de problema con eso. Incluso recurrí a cargando los archivos css y js personalizados desde la descarga de jquery, junto con con todas las imágenes, en mi servidor doméstico personal y agregándolos como recursos administrados . Obtengo la funcionalidad, pero no las imágenes deseadas de .

Aquí es mi violín actual: http://jsfiddle.net/mendahu/CmX4k/

para ver lo que debe ser como, comprobado tema "Humanidad" de jQuery en el sitio de la interfaz de usuario. se encuentran

Los recursos administrados aquí:

https://robins.homeserver.com/home/jquerycourse/ (también el subdirectorio de imágenes).

Por lo que yo puedo decir, la estructura de directorios es el mismo (es decir. El documento CSS se refiere a todas las imágenes como "images/whatever.png"), y yo organizado como tal en mi servidor.

¿Alguna idea?

+1

Wow. ¿Esa información se muestra al público? Personalmente no puedo hacer mucho con un nombre/DOB/número de teléfono, pero otros pueden.
Lo siento si mi paranoia está fuera de lugar.

** Aclaración: ** la información que se muestra en el jsFiddle, no en su pregunta. –

+3

Heh, no son datos reales. Echa un vistazo a http://www.generatedata.com – mendahu

+0

Este violín fue publicado en el grupo jsFiddle google: http://jsfiddle.net/charlesemerson/Ese2k/ Utiliza temas jQuery no hay problema. No puedo resolverlo; la única diferencia entre fue que, en lugar de utilizar sus propios recursos administrados, el simplemente usó el selector de la interfaz de usuario jsfiddle y luego publicó las versiones de google de los documentos de css. Los porté a mi violín y ahora funciona (aunque I tienen algunos otros problemas ahora :). La jerarquía de archivos sigue siendo la misma (todas las imágenes apuntan a images/whatever.png). ¿Pensamientos? – mendahu

Respuesta

8

El violín que utiliza con éxito el tema al que se ha vinculado en sus comentarios hace referencia a los archivos necesarios jQuery ui css.

Eche un vistazo a la pestaña 'Recursos administrados' a la izquierda del violín y verá un par de archivos llamados 'jquery-ui.css'. Si pasa el cursor sobre cada uno de ellos, verá que uno de ellos hace referencia al archivo base jquery themes css y el otro hace referencia a un archivo de tema (ambos archivos son los almacenados en googleapis.com). Eso es todo lo que necesitas hacer.

See this page for a link to the google hosted themes

Cuestiones relacionadas