A http://docs.jquery.com/UI/Tabs#Example c'è un breve esempio HTML su come utilizzare le schede dell'interfaccia utente di JQuery.
- Inserisco l'HTML in un file index.htm locale.
- Ho scaricato tutti i file CSS e Javascript e li ho salvati nei file locali:
- ma il più vicino che posso ottenere è lo stesso esempio senza alcun colore nelle schede.
- Ho cercato immagini, ecc. Ma non ne trovo nessuna.
- Posso anche avere tutto locale eccetto il file CSS che tolgo dal loro server e POI funziona, quindi è qualcosa nel file CSS che non riesco a ottenere.
Cosa non sto copiando localmente del file CSS online? Qualcuno ha ottenuto questo JQuery UI Tabs per funzionare e ha un file zip che funziona localmente?
risposte:
6 per risposta № 1Affinché le schede dell'interfaccia utente funzionino, è necessario disporre di alcuni CSS. La documentazione indica il minimo richiesto.
Il problema che si ha con il tema di esempio è perché il file css utilizzato fa riferimento ad altri file CSS. Devi copiarli tutti localmente. Hai anche bisogno di un'immagine sotto la cartella themes / flora / i.
12 per risposta № 2
Se il tuo problema è che tutto sembra funzionare ma i DIV non scompaiono come dovrebbero allora probabilmente hai incontrato lo stesso problema che ho fatto io.
Devi definire la classe.ui-tabs-hide in modo che nasconda l'elemento. Fondamentalmente jQuery usa questo per nascondere gli elementi, piuttosto che farlo manualmente con display: none. Il motivo è che non interferisce con le impostazioni predefinite del display, che potrebbero essere bloccate, in linea o altro. Aggiungendo e rimuovendo la classe ti dà un maggiore controllo.
.ui-tabs-hide
{
display: none
}
3 per risposta № 3
Ho avuto lo stesso problema che è il motivo per cui sono qui e ci è voluto un po 'per trovare il problema. Grazie alla risposta di kgiannakakis con il CSS che ho trovato sulla pagina JqueryUI questo CSS nel codice sorgente:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" type="text/css" media="all" />
Aggiungilo PRIMA del tuo CSS principale come questo, ad esempio:
E poi dovresti stare bene - funziona per me.