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

Question

所以我有一个使用 JQM 和 twitter bootstrap 的移动应用程序，基本上我使用 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 下面的所有 elemnet 添加 data-role="none"

我觉得第一个是最快的，但不太确定如何做到这一点，这是我对方法#3的方法在创建之前的事件页面上将 data=role="none"添加到所有元素

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

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

});

Answer 1

您可以在 container 元素上设置 data-enhance="false"。 您还需要启用全局配置标志 - ignoreContentEnabled

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

阅读Data Attributes Documentation的增强部分