2012-02-29 3 views
6

jQuery Mobile(1.1.0 RC1)は、基本的に私のウェブサイトをモバイルデバイス上で見事に見せるためのすべての作業を行っているため、再生しています。jQuery Mobileを使用する場合、JavaScriptが無効になっているときにどのようにスタイリングを処理しますか?

javascriptが無効になっている場合はどうすればよいですか?私はまだHTML5が新しくなっていますが、スタイリングはdata-*の属性に基づいており、jQueryは必要なテーマや役割を読み取ることができず、スタイリングは適用できません。

私がちょうど適用できるデフォルトのスタイルシートは見つからず、Theme Rollerは基本見本を与えません。 jQuery Mobileにはこれに対するフォールバックはありますか?自分でスタイルシートのカスタムセットを書く必要がありますか?

答えて

6

jQuery Mobileは、jQueryをサポートするブラウザでのみ正常に動作します。そうしないと、grading systemがキックしてアプリが劣化します。これらのユーザーに対して<noscripts>タグでカスタムスタイルシートを適用することを検討してください。

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

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

+0

ウェブデザインを吸う人として、私はこれが当てはまらないことを望んでいました。ああ、答えに感謝します。 – Brandon

3

は空白の画面内のJavaScript(私のラップトップのブラウザで)無効結果とhttp://jquerymobile.com/demos/1.1.0-rc.1/にサーフィン。 javascriptを有効にすると、見た目はしっかりしています。 http://jquerymobile.com/demos/1.0a3/index.htmlにJavaScriptを無効にしてatleastすると、基本的なサイトが表示されます。

JavaScriptを無効にしてモバイルブラウザをサポートする必要がある場合は、独自の基本的なモバイルCSSを提供する必要があります。

関連する問題