Podczas korzystania z jQuery Mobile, w jaki sposób obsługiwać stylowanie, gdy JavaScript jest wyłączony?

Question

Gram z jQuery Mobile (1.1.0 RC1), ponieważ w zasadzie robi wszystko, aby moja witryna wyglądała ładnie na urządzeniach mobilnych.

Co powinienem zrobić, jeśli javascript jest wyłączony? Nadal nie używam HTML5, ale rozumiem, że stylizacja oparta jest na atrybutach data-*, a jQuery nie jest w stanie odczytać, jaki motyw/rolę potrzebuje, nie można zastosować żadnej stylizacji.

Nie mogę znaleźć domyślnego arkusza stylów, który mogę zastosować, a Rolka motywu nie daje próbki wzorcowej. Czy jQuery Mobile ma jakąś awarię do tego celu, czy też muszę samemu napisać niestandardowy zestaw arkuszy stylów?

Answer 1

jQuery Mobile działa bardzo dobrze tylko w przeglądarkach obsługujących jQuery. W przeciwnym razie kopie się grading system, a Twoja aplikacja będzie się pogarszać. Rozważ zastosowanie niestandardowego arkusza stylów w tagu <noscripts> dla tych użytkowników.

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

Przykład: http://www.w3schools.com/tags/tag_noscript.asp

Answer 2

Surfowanie do http://jquerymobile.com/demos/1.1.0-rc.1/ z javascript wyłączone (w mojej przeglądarce laptopa) wyników w pustym ekranie. Przy włączonym javascript wygląda jednak solidnie. Przechodzenie do http://jquerymobile.com/demos/1.0a3/index.html z javascript disabled atleast daje mi podstawową stronę.

Domyślam się, że będziesz musiał zapewnić własne podstawowe mobilne css, jeśli potrzebujesz obsługiwać przeglądarki mobilne z wyłączonym javascript.