JQuery UI Elements 'Immagine non mostrata

Sto usando un elemento JQuery DatePicker sul mio sito web. Ma, non sono in grado di vedere le piccole frecce mostrate su entrambi i lati del mese. L'area è cliccabile & Posso navigare nei mesi facendo clic sull'area. Ma è effettivamente vuoto & senza frecce visto.JQuery UI Elements 'Immagine non mostrata

Ad esempio: '<' Luglio 2013 '>'

ho encounterd un problema simile nel pulsante di chiusura di JQuery Dialog Control. Qui, l'immagine del pulsante di chiusura, qualcosa come -> 'X', non apparirebbe nell'angolo in alto a destra. Ma cliccando su quell'area si chiude la finestra di dialogo.

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link rel="stylesheet" href="styles/jquery-ui.css" /> 
    <script language="javascript" type="text/javascript" src="js/jquery.js" ></script> 
    <script language="javascript" type="text/javascript" src="js/jquery-ui.js"></script> 
</head>

Ecco come è la sequenza del file incluso. Di seguito è riportato il link a cui mi riferisco. Ho usato il file css pubblicato su questo link per il download.

http://jqueryui.com/datepicker/#default

prega di aiuto.

fonte

2013-07-03 Crash OR

Hai controllato il percorso del tuo sprite nel file CSS? – j08691

Hai incluso il file css? –

Ho incluso il file css. Ho anche controllato lo stesso. Ma non sono in grado di individuarlo. Ho cercato tutte le stringhe 'datepicker' ma non c'è nulla che dice sul percorso. –

Grazie Ragazzi per tutto il vostro aiuto, l'ho trovato !!!

.ui-widget-header .ui-icon { 
    background-image: url(images/ui-icons_222222_256x240.png); 
}

Questo è il percorso dell'immagine che fa lo scopo. Il file è uguale a code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css.

Sono davvero contento per tutto l'aiuto. Grazie ancora, @ j08691, @Tim B James, @John ツ, @Lopsided !! :)

fonte

2013-07-03 14:24:24

Il problema sembra essere la posizione dei file di immagine in relazione al file CSS. L'interfaccia utente di jQuery CSS fa riferimento a vari file di immagine utilizzati nell'interfaccia utente. Dovresti tenere tutti i file all'interno della cartella CSS e farvi riferimento da lì. Anche se ho scoperto che è possibile spostare queste cartelle CSS in giro se necessario. Ecco un sito che sto usando con più temi dell'interfaccia utente jQuery.

mio elenco di directory:

enter image description here

Ed ecco i riferimenti da mio codice:

enter image description here

sto codifica in ASP.NET quindi basta ignorare i tag segnaposto contenuti.

* anche tenere a mente ... Ogni cartella del tema che si vede nel mio elenco di directory (ad esempio, "dark-theme") è una sotto-cartella creata all'interno della cartella "CSS" quando si utilizza jQuery's Custom Themeroller. Se si sta utilizzando una libreria di default jQuery, credo che la cartella immagini e file CSS si trovano direttamente nella cartella "CSS" **

BONUS INFO:. Quando si utilizza jQuery Themeroller, permettono di impiegare più temi usando il loro tag "scope scope". È possibile utilizzare questa funzionalità digitando il nome della classe desiderato nella casella di testo fornita (le classi devono essere precedute da punti come in un selettore jQuery). Se si utilizzano più temi, è sufficiente chiamare jQuery una volta e quindi fare riferimento a ciascun file CSS necessario. Questo è quello che ho fatto nel mio esempio, ed è per questo che potrebbe sembrare leggermente più complesso del tuo quando finito.

fonte

2013-07-03 14:14:35 Lopsided

JQuery UI Elements 'Immagine non mostrata

risposta

Problemi correlati