带有页眉和页脚的 jQuery 列表视图答案

【问题标题】：jQuery listview with header and footer带有页眉和页脚的 jQuery 列表视图
【发布时间】：2012-09-20 06:23:32
【问题描述】：

我正在使用 jQuery mobile 构建一个移动应用程序，我想显示一个项目列表。这里明显的选择是使用列表视图。但是这个列表有一个标题（包含列表的名称）和一个页脚（包含列表的摘要）。为了显示标题，我认为我应该使用列表分隔符。但我不知道应该用什么来显示页脚。该列表类似于：

【问题讨论】：

我做了和 RonnieT 提到的一样的事情。 <ul data-role="listview" id="mylist"><li data-role="list-divider" role="heading" data-theme="b">Sheet: Untitled1</li><li id="mylistSummary" data-role="list-divider" role="heading" data-theme="b">Total:</li></ul> 但我一直在寻找更好的选择。我将尝试 RonnieT 提到的自定义 css 选项。
stackoverflow.com/questions/how-to-ask

标签： javascript html css jquery-mobile

【解决方案1】：

我认为您可以对两者都使用分隔符吗？我想这取决于你的风格。您还可以为每一个设置独特的样式。

在你的开始和结束时做一个

   <ul>
        <li data-role="list-divider" role="heading">Sheet: Scores</li>
        <li></li>
        <li></li>
        <li></li>
        <li data-role="list-divider" role="heading">Total</li>
    </ul>

【讨论】：

这正是我现在正在做的。我在想，如果有可用的选项，我可以使用更好的选择。
你可能最好为<li> 类或其他东西设计自定义css
是的。那将是我的下一步。似乎列表视图中的页脚没有开箱即用的支持。