Question

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

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

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

理想情况下，我希望能够使用多个<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能做到这一点，还是我咆哮错误的树？

Answer 1

我认为你不能在列表视图中添加div，但是你可以有多行文本：jquery mobile list formatting（查看源代码如何）。您还可以使用不同颜色为每个li元素设置主题：jquery mobile theming list。

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

jQuery Mobile Complex Listview项目

1 个答案: