在jquery mobile中如何防止向元素添加一些特定的类？

Question

例如在这种情况下

我只是不希望元素中的类ui-shadow而不覆盖css。

我试过了data-shadow="false"，但它没有隐藏阴影。有没有其他属性可以做到这一点？

Answer 1

我不确定你可以删除jQM添加的一个类而不使用jQuery或滚动你自己的主题。

对于原生元素，您可以选择设置如下属性：

 data-role="none"

文档：

• http://jquerymobile.com/demos/1.0rc2/docs/forms/forms-all-native.html

您可以使用新的jQM主题滚动滚动自己的主题：

• http://jquerymobile.com/themeroller/

或者（不确定这是否是最好的解决方案，因为它可能会破坏某些内容）删除ui-shadow的CSS但我不会选择这个。

最后使用jQuery并删除类

$('$element_id').removeClass('ui-shadow');

// this might need a refresh as well
$('#page_id').trigger('create');

因为我看到它是一个列表，你可以像这样刷新

 $('ul').listview('refresh');

Answer 2

您必须将data-shadow="false"应用于模态容器（具有data-role="popup"属性的元素）。

示例：

<a href="#modal-foo" data-rel="popup">Trigger</a>

<div id="modal-foo" data-role="popup" data-shadow="false">
  Crazy modal stuff!
</div>