12

スタイルを設定したくない特定のページが1つあるJQMアプリがあります。

これまでに見つけたのはdata-role='none'-しかし、それをページ上のすべての要素に適用する必要はありません...この1ページだけをオフにする方法はありますか？

4

2 に答える 2

15

data-enhance="false"と組み合わせて使用$.mobile.ignoreContentEnabled=true​​すると、jQuery Mobile が疑似ページに対して行う自動拡張を停止できます。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(document).on('mobileinit', function () {
    $.mobile.ignoreContentEnabled = true;
});
</script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

<div data-enhance="false" data-role="page">
    ...
</div>​

フラグを変更する必要があるignoreContentEnabledのは、親要素を検索するために CPU を集中的に使用するdata-attributeためです。したがって、これはデフォルトでオフになっています。

ここにデモがあります：http://jsfiddle.net/ZtJyL/1/

于 2012-04-04T17:58:43.247 に答える
4

ここですでに指摘したように、カスタム テーマのデザインを可能にするために特別に構築された公式のテーマなしバージョンの CSS を使用することもできます。

私の経験では、ハックのようなものを使用するdata-enhance="false"とdata-role="none"、構造的でテーマに依存しない CSS で問題が発生することがよくあります。

この方法を使用すると、すべての jQuery Mobile の基本機能を保持でき、常にハッキングやオーバーライドと戦う必要がなく、おまけとしてより軽い CSS を取得できます。

于 2014-10-27T14:44:12.430 に答える