Quando si utilizza jQuery Mobile, come posso gestire lo stile quando JavaScript è disabilitato?

Question

Sto giocando con jQuery Mobile (1.1.0 RC1) perché fondamentalmente fa tutto il lavoro necessario per rendere il mio sito web gradevole sui dispositivi mobili.

Che cosa dovrei fare se javascript è disabilitato? Sono ancora nuovo in HTML5, ma la mia comprensione è che lo stile si basa sugli attributi data-* e che senza jQuery è in grado di leggere quale tema/ruolo ha bisogno, non è possibile applicare alcuno stile.

Non riesco a trovare un foglio di stile predefinito che possa essere applicato e il Roller temi non fornisce un campione di base. JQuery Mobile ha qualche tipo di fallback per questo, o devo scrivere personalmente un set personalizzato di fogli di stile?

Answer 1

jQuery Mobile funziona davvero bene solo con i browser che supportano jQuery. In caso contrario, lo grading system si avvia e la tua app si ridurrà. Prendi in considerazione l'idea di applicare un foglio di stile personalizzato in un tag <noscripts> per quegli utenti.

<noscript> 
<link rel="stylesheet" href="your-non-jqm-css.css" /> 
</noscript> 

Esempio: http://www.w3schools.com/tags/tag_noscript.asp

Answer 2

Navigare a http://jquerymobile.com/demos/1.1.0-rc.1/ con javascript disabilitato (nel mio browser portatile) si traduce in una schermata vuota. Con javascript abilitato sembra però solido. Andando a http://jquerymobile.com/demos/1.0a3/index.html con javascript disabilitato atleast mi dà il sito di base.

Suppongo che dovrai fornire il tuo css mobile di base se hai bisogno di supportare i browser mobili con javascript disabilitato.