javascript - 带有页眉和页脚的 jQuery ListView

标签 javascript html css jquery-mobile

我正在使用 jQuery Mobile 构建一个移动应用程序,我想显示一个元素列表。这里显而易见的选择是使用 ListView 。但是这个列表有一个标题(包含列表的名称)和一个页脚(包含列表的摘要)。为了显示标题,我认为我应该使用列表分隔符。但是我不知道应该用什么来显示页脚。该列表类似于:

enter image description here

最佳答案

我认为您可以为两者使用分隔线?我想取决于你的风格。您还可以为每一个设计独特的样式。

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

  •    <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>
    
  • 关于javascript - 带有页眉和页脚的 jQuery ListView ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12503683/

    相关文章:

    javascript - 如何根据设备调整网页大小

    html - 使用CSS选择没有兄弟的嵌套第一个子元素

    css - 我可以使用带背景色的 SVG 图案吗?

    javascript - ajax 用于在 WordPress 中按类别过滤帖子

    javascript - 如何使用 while 循环将数组值插入到 HTML 表中?

    html - Chrome iFrame 阻止 HTTPS 重定向

    css - 使在导航栏下滚动的内容不可见但栏具有透明度的方法

    JavaScript 日期减法困惑

    javascript - 如何更改 JS 中的子元素顺序?

    html - 类上的自定义 CSS