如何在div的所有子元素上删除JQM样式

Question

所以我有一个使用JQM和Twitter引导程序的移动应用程序，基本上我使用JQM进行导航栏，导航等，但我不希望将内容样式设置为某个名为.content的元素

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

    <div class="content clearfix">

     //bunch of dom stuff here

    </div>
</div>

我尝试了一些失败的策略

1. 使用：not（.content）选择器以某种方式包装整个Jquery移动css样式表
2. 尝试选择具有任何ui- *属性的元素并删除该类
3. 向.content
下面的所有elemnets添加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');
    });

});

Answer 1

您可以在data-enhance="false"元素上设置container。 您还需要启用Global Configuration标记 - ignoreContentEnabled

请注意，设置ignoreContentEnabled会导致页面增强过程中的性能下降。

阅读Data Attributes Documentation

的Enhancement部分