0

我有一个 iOS 应用程序，它有一些相当复杂的 UITableViewCells。

我正在考虑将其转换为 Web 应用程序，如果可能的话，我想使用 jQuery Mobile，因为这似乎也是让应用程序在桌面浏览器中显示得体的好方法。（根据我的经验，iUI 虽然不错，但确实不适用于 IE。）

jQuery Mobile 中的基本列表视图似乎正是我想要的，但我想不出一种方法来使每个列表视图项比多行文本更复杂。

理想情况下，我希望能够有多个<div>元素以特定方式构造文本，以及将每个项目的背景颜色更改为预先指定颜色列表之一的能力（我们已经有了配色方案，我不能改变每种颜色的含义）。此外，我想将图标保留在右侧，以指示用户可以单击/按下/点击单元格以查看更多详细信息。

我可能如何构建 HTML 的示例布局（它实际上会比这更复杂）：

<div>
    <div>
        Doe, Jane (57 y)
    <div>
    <div style="float: left;">
        <div>I: 0800</div>
        <div>R: 0900</div>
        <div>S: 1000</div>
        <div>O: 1100</div>
    </div>
    <div>
        <div>
            // Some more content here
        </div>
    </div>
</div>

jQuery Mobile 可以做到这一点，还是我叫错了树？

4

1 回答 1

1

我不认为您可以将 div 添加到列表视图中，但您可以拥有多行这样的文本：jquery mobile list formatting（查看源代码以了解操作方法）。您还可以为每个 li 元素设置不同颜色的主题：jquery mobile theming list。

我的经验是，jquery mobile 在自定义列表视图方面没有给您太多自由，所以如果您需要它们比他们页面上的示例更复杂，我建议使用普通的旧 html/css。希望有更多经验的人可以证明我错了！

于 2012-08-30T20:19:09.973 回答