0

jQuery Mobile では、このスニペットを使用してライブラリを呼び出します...

<script src="//code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
if(typeof jQuery === 'undefined') 
{
    document.write(unescape('%3Cscript src="js/jquery-1.6.4.min.js"%3E%3C/script%3E'));
    document.write(unescape('%3Cscript src="jqm/jquery.mobile-1.1.0.min.js"%3E%3C/script%3E'));     
    document.write(unescape('%3Clink rel="stylesheet" href="jqm/jquery.mobile-1.1.0.min.css"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="jqm/jquery.mobile.structure-1.1.0.min.css"%3E%3C/script%3E'));
}
else
{
    document.write(unescape('%3Cscript src="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css"%3E%3C/script%3E'));
    document.write(unescape('%3Clink rel="stylesheet" href="//code.jquery.com/mobile/1.1.0/jquery.mobile.structure-1.1.0.min.css"%3E%3C/script%3E'));
}
</script>

しかし、JavaScript が無効になっている場合、スタイルシートを呼び出す方法は?

私が使用すると（私は少しばかです！）...

<noscript>
<link rel="stylesheet" href="jqm/jquery.mobile-1.1.0.min.css" />
<link rel="stylesheet" href="jqm/jquery.mobile.structure-1.1.0.min.css" />
</noscript>

... マイページが空白です。

ご協力いただきありがとうございます。

ヴィンセント

4

1 に答える 1

2

Modernizrのアプローチは、JavaScriptを使用して、ロード時にHTMLタグに「js」というクラスを追加し、（この場合は）自分で追加した「no-js」というクラスを削除することです。

これで、一部のCSSスタイルをの子孫にのみ追加し、他のCSSスタイルをの子孫にのみ追加.jsし.no-jsて、どちらかを好みに合わせてカスタマイズできます。

于 2012-05-25T17:55:23.743 に答える