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

Question

例如在这种情况下

我只是不想在元素中使用类 ui-shadow 并且不覆盖 css。

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

Answer 1

我不确定您是否可以在不使用 jQuery 或滚动您自己的主题的情况下仅删除 jQM 添加的一个类。

对于原生元素，您可以选择像这样设置属性:

 data-role="none"

文档:

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

您可以使用新的 jQM Theme Roller 滚动您自己的主题:

• 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');