Qual è il modo migliore per fornire uno stile CSS di default, che viene sovrascritto da jQuery UI, per gli scenari No Script?

Question

Ad esempio: Ho un << 1 2 3 4 5 6 7 8 >> pager nella mia pagina in cui ogni elemento di navigazione è un normale link Html. Per i browser moderni con JS abilitati, vorrei abbellire loro con apri un jQuery () . Ma mi piacerebbe avere qualcosa per lo scenario NoScript. Ovviamente devo aggiungere un po 'di stile CSS per i link, ma come faccio a sapere il CSS personalizzato non rovinare lo styling di jQuery?

Si tratta di una preoccupazione inutile? Non jQuery fornisce una funzione per cancellare qualsiasi stile precedente per l'elemento?

Answer 1

foglio di stile Usa jQuery UI. Date un'occhiata al loro la documentazione del quadro --its piuttosto semplice.

Tra i tanti del pro di usare framework CSS di jQuery UI sono: robusti e cross-browser CSS compatibili. Un flusso solido di correzioni (se presente). E se si decide di cambiare la combinazione di colori della vostra applicazione; tutto quello che dovete fare è sostituire il foglio di stile, con una nuova tema laminati uno, o uno degli standard temi che viene fornito in bundle con jQuery UI.

Inutile dire; jQuery UI non può ignorare / Frack up di essa la propria CSS. E si otterrà un cercapersone che sembra la stessa con o senza JavaScript abilitato.

Suggerimento: se non hai il tempo di leggere attraverso il jQuery UI documentazione quadro CSS; utilizzare FireBug (Mozilla Firefox add-on) per ispezionare il codice HTML generato da jQuery UI e applicarlo alla vostra no- script markup.

Aggiorna

appena ispezionato un collegamento trasformato in un pulsante. Ecco il markup generato da buttton plug-in di jQuery UI:

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>

Answer 2

Una soluzione semplice potrebbe essere quella di applicare una classe al pager da utilizzare nello scenario NoScript, e semplicemente rimuovere tale classe utilizzando JavaScript dopo aver configurato i pulsanti.