所以我有一个使用 JQM 和 twitter 引导程序的移动应用程序，基本上我将 JQM 用于导航栏、导航等，但我不希望内容样式低于某个名为 .content 的元素
<div data-role="page" id="home">
<div class="content clearfix">
//bunch of dom stuff here
</div>
</div>
我尝试过的一些策略都失败了
- 以某种方式用 :not(.content) 选择器包装整个 Jquery 移动 CSS 样式表
- 尝试选择具有任何 ui-* 属性的元素并删除该类
- 将 data-role="none" 添加到 .content 下面的所有 elemnets
我觉得第一个会是最快的，但不太确定如何做到这一点这是我对方法 #3 所拥有的方法 在事件 pagebeforecreate 中添加 data=role="none" 到所有元素
$(document).on('pagebeforecreate', "[data-role=page]", function() {
$('.content *',$(this)).each(function(index, value) {
$(this).attr('data-role','none');
});
});