jQuery Mobile - 如何更改要在应用数据属性时应用的css类？

我正在用jQuery Mobile构建移动应用程序。我试图将自己的设计应用于它，到目前为止我的表现很好，但是我提出了一个问题。jQuery Mobile - 如何更改要在应用数据属性时应用的css类？

我想建立充足，纯净的UI，我可以，所以我试图消除阴影，渐变等。但是，当我把data-role="listview"到<div>元素，它会自动将一些CSS类，它和一个他们是ui-shadow，我不想将它用于我的列表视图。

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

如果我能得到您的想法，这将是非常棒的。

谢谢。

来源

2012-12-06 Umut Sirin

你并不需要在所有使用JQM的主题，如果你愿意，你可以只使用[结构]（http://jquerymobile.com/download/）css文件中没有主题。 – Jack

是的，我知道，但我的意思是，它是js文件把这些CSS类。我想知道如何改变它？ –

我们采用JQM及其各自的CSS的做法是，我们不接触这些文件，因为它们可以在新版本发布时更新。我们分别在JQM之后加载我们自己的自定义JS和css文件。在我们自己的文件中，我们指定了我们想要更改的特定的自定义项目，这些项目不能简单地被HTML标签中的属性所关注。我们只是在它们各自的地方重新定义类或函数。我希望这可以帮助你，并让你继续前进，而不必触摸JQM文件。

来源

2012-12-07 22:23:21

呀，搞乱一些和身边后，我们解决了这个问题像你这样。感谢您的回应。 –

，您可以指定是否通过data-*属性要对小部件的阴影（和其他东西）。

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

创建的jsfiddle测试后，我意识到，jQuery Mobile的不允许你通过选项删除插图列表视图widets阴影，但是，您可以做到这一点与大多数窗口小部件，像button.Here是一个演示：http://jsfiddle.net/4VXfb/

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

的jQu查看文档这里提供的移动部件的选项如下：http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html

来源

2012-12-06 22:08:38 Jasper

感谢您所说的那些人。但是，我想，我只有我的内联列表的CSS编辑选择。 –

@UmutŞirin你看到的列表视图的说明？ – Jasper

是啊，我刚才看到它和编辑我的回答:) –

jQuery Mobile - 如何更改要在应用数据属性时应用的css类？

回答

相关问题