Javascript 当我使用数据属性时，如何更改要应用的css类？

我正在用jQuery mobile构建一个移动应用程序。我正在尝试将我自己的设计应用到它上，到目前为止我做得很好，但我遇到了一个问题

我试图尽可能多地构建干净的ui，因此我试图消除阴影、渐变等。但是，当我将

data role=“listview”

放入

元素时，它会自动将一些css类放入其中，其中之一就是ui阴影，我不想将其用于我的listview

到目前为止，我考虑过更改jquery mobile的javascript代码，但我认为这不是最佳实践

如果我能得到你的想法，那就太棒了

---

谢谢。

您可以通过

数据-*

属性指定是否需要小部件上的阴影（和其他东西）

...

创建JSFIDLE测试后，我意识到jQuery Mobile不允许您通过选项从inset list view widets中移除阴影，但是您可以使用大多数小部件（如按钮）来执行此操作。下面是一个演示：

---

关于jQuery移动小部件的选项，请参见此处的文档：

我们使用JQM及其各自的CSS的做法是，我们不接触这些文件，因为它们可以在新版本发布时更新。我们分别在JQM文件之后加载自己的定制JS和css文件。在我们自己的文件中，我们指定了要更改的特定自定义项，这些项不能简单地由HTML标记中的属性处理。我们只是在其各自的位置重新定义类或函数。我希望这能帮助你，让你在不接触JQM文件的情况下继续前进。

你根本不需要使用JQM主题，如果你愿意，你可以只使用css文件而不使用主题。是的，我知道，但我的意思是，js文件将这些css类放在其中。我想知道我怎样才能改变这一点？谢谢你说的。但是，我想，我只有内联列表的css编辑选项。@UmutŞirin你看到关于ListView的注释了吗？是的，经过一些混乱之后，我们像你一样解决了这个问题。谢谢你的回复。

<ul data-role="listview" data-shadow="false">
    ...
</ul>

<a data-role="button" data-shadow="false" href="#">I'm a button without shadows.</a>