2013-01-17 79 views
1

的所有子元素上的JQM樣式所以我有一個使用JQM和twitter引導的移動應用程序,基本上我使用JQM導航欄,導航等,但我不希望內容樣式低於某個特定元素叫。內容如何刪除div

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

    <div class="content clearfix"> 

    //bunch of dom stuff here 

    </div> 
</div> 

有我已經嘗試了一些策略已經失敗

  1. 環繞整個jQuery Mobile的CSS樣式表中有:沒有(。內容)選擇莫名其妙
  2. 試圖選擇具有任何ui- *屬性的元素並刪除該類
  3. 添加一個數據角色=「無」到下面。內容所有elemnets

我覺得第一是最快的,但不太清楚如何做到這一點繼承人什麼,我有方法#3在事件pagebeforecreate角色=「無」添加數據=您container元素上的所有元素

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

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

}); 

回答

3

您可以設置data-enhance="false"。 您還需要啓用到Global Configuration標誌 - ignoreContentEnabled

被警告說,在頁面的增強過程中設置ignoreContentEnabled原因的性能下降。

閱讀Enhancement章節Data Attributes Documentation