2011-02-09 12 views
9

Qualcuno ha provato a utilizzare uno dei temi jQuery in jsFiddle?Utilizzo di temi jQuery (CSS) all'interno di jsFiddle

Sono interessato all'utilizzo del widget Accordion con un tema ma con problemi di nell'implementarlo in jsFiddle. Il problema è che, credo che i temi richiedano i file immagine per popolare alcuni dei suoi effetti, e il mio sospetto è che il jsFiddle abbia qualche tipo di problema. Ho persino fatto ricorso a caricando i file personalizzati css e js dal download jquery, lungo con tutte le immagini, sul mio server personale e aggiungendoli come risorse gestite da . Sto ottenendo la funzionalità, ma non le immagini desiderate .

Ecco il mio violino attuale: http://jsfiddle.net/mendahu/CmX4k/

per vedere che cosa dovrebbe essere come, controllato tema "L'umanità" di jQuery UI sul sito.

Le risorse gestite si trovano qui:

https://robins.homeserver.com/home/jquerycourse/ (anche le immagini sottodirectory).

Per quanto posso dire, la struttura delle directory è la stessa (es. Il documento CSS si riferisce a tutte le immagini come "images/whatever.png"), e ho organizzato come tale sul mio server.

Qualche idea?

+1

Wow. Queste informazioni sono di dominio pubblico? Personalmente non posso fare molto con un nome/DOB/numero di telefono, ma altri potrebbero.
Scusa se la mia paranoia è fuori linea.

** Chiarimento: ** le informazioni visualizzate in jsFiddle, non nella domanda. –

+3

Heh, non sono dati reali. Controlla http://www.generatedata.com – mendahu

+0

Questo violino è stato pubblicato nel gruppo google jsFile: http://jsfiddle.net/charlesemerson/Ese2k/ Utilizza temi jquery senza problemi. Non riesco a capirlo; l'unica differenza di era che invece di usare le sue risorse gestite, ha usato semplicemente il selettore dell'interfaccia utente jsfiddle e ha quindi pubblicato le versioni di google dei documenti css. Li ho portati sul mio violino e ora funziona (anche se ho altri problemi ora :). La gerarchia di file è sempre la stessa (tutte le immagini puntano a images/whatever.png). Pensieri? – mendahu

risposta

8

Il violino che utilizza correttamente il tema a cui si è collegato nei commenti fa riferimento ai file jQuery ui css richiesti.

Dai un'occhiata alla scheda "Risorse gestite" sulla sinistra del violino e vedrai un paio di file chiamati "jquery-ui.css". Se passi il mouse su ognuno di essi, vedrai che uno di essi fa riferimento al file css di jquery di base e l'altro fa riferimento a un file di temi (entrambi questi file sono quelli memorizzati su googleapis.com). Questo è tutto ciò che devi fare.

See this page for a link to the google hosted themes