1

JQM と twitter ブートストラップを使用するモバイル アプリがあります。基本的にはナビゲーション バーやナビゲーションなどに JQM を使用しますが、.content という特定の要素の下にコンテンツのスタイルを設定したくありません。

<div data-role="page" id="home">

    <div class="content clearfix">

     //bunch of dom stuff here

    </div>
</div>

私が試みたが失敗した戦略がいくつかあります

  1. Jquery モバイル CSS スタイル シート全体を :not(.content) セレクターで何らかの方法でラップする
  2. ui-* 属性を持つ要素を選択し、そのクラスを削除しようとしています
  3. .content の下のすべての要素に data-role="none" を追加します

最初の方法が最速だと思いますが、方法がよくわかりません #3 メソッドについて私が持っているものは次のとおりです イベント pagebeforecreate で、すべての要素に data=role="none" を追加します

 $(document).on('pagebeforecreate', "[data-role=page]", function() {

   $('.content *',$(this)).each(function(index, value) {
         $(this).attr('data-role','none');
    });

});
4

1 に答える 1

3

要素に設定できdata-enhance="false"ますcontainer。Global Configurationまた、フラグを立てることを有効にする必要があります-ignoreContentEnabled

ignoreContentEnabledこの設定により、ページ拡張プロセスのパフォーマンスが低下することに注意してください。

データ属性ドキュメントEnhancementのセクションを読む

于 2013-01-17T06:07:59.387 に答える