3

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

我正在尝试尽可能多地构建干净的 ui,因此我正在尝试消除阴影、渐变等。但是,当我放置data-role="listview"一个<div>元素时,它会自动为其放置一些 css 类,其中一个是 ui-shadow ,我不想将它用于我的列表视图。

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

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

谢谢。

4

2 回答 2

1

data-*您可以通过属性指定是否要在小部件上使用阴影(和其他东西) 。

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

创建 JSFiddle 测试后,我意识到 jQuery Mobile 不允许您通过选项从插入列表视图宽度中删除阴影,但是您可以使用大多数小部件(如按钮)执行此操作。这是一个演示:http://jsfiddle .net/4VXfb/

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

在此处查看有关 jQuery Mobile 小部件选项的文档:http: //jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html

于 2012-12-06T22:08:38.787 回答
1

我们对 JQM 及其各自的 CSS 采取的做法是我们不接触这些文件,因为它们可以在新版本出现时更新。我们分别在 JQM 之后加载我们自己的自定义 JS 和 css 文件。在我们自己的文件中,我们指定了我们想要更改的特定定制项目,这些项目不能简单地由 HTML 标记中的属性处理。我们只是在其各自的位置重新定义类或函数。我希望这可以帮助您并让您继续前进,而无需实际接触 JQM 文件。

于 2012-12-07T22:23:21.297 回答