jquery移动自定义列表视图格式

Question

所以我正在开发一个使用jquery移动框架的Web应用程序，我希望有一种方法可以进一步自定义列表视图元素的外观。具体来说，我希望能够随意地定位文本，并适当地调整文本大小。我知道jquery mobile内置了头标记支持，以及class = ui-li-aside的元素以较小的文本出现在list元素的右上角。

但是，我理想地希望可重用的列表视图元素具有稍微不同的选项。对于初学者，我想在list元素中左对齐1个字符的标题，其中字体基本上填充列表项的整个高度。然后在右边，而不是一个正确对齐并位于顶部的文本元素，我想要一些在中心垂直对齐并且右对齐的东西。最后，我想要一个第三个文本元素，它左对齐在大1字符标题的左边，跨越列表视图元素的整个中间。

总的来说，我希望每个样式列表视图元素都能够像这样:(这实际上是UITableViewCell的图片，但要点是相同的）

在查询移动设备中本地处理计数气泡，只需要弄清楚如何为我想要显示的三种其他文本设置类

Answer 1

ThemeRoller似乎很适合自定义颜色，字体，边框......但不能以不同的方式定位元素。我认为您需要编写自己的.css文件并覆盖ui-li-heading，ui-li-aside或ui-li-desc等类。 祝你好运

Answer 2

也许可以使用JQM 1.0附带的ThemeRoller，我认为它是提供“可重用性”的最准确方法。但我认为你必须单独调整你想要的特殊特征，比如将文本高度填充到100％。

http://jquerymobile.com/themeroller/

zY