html - 如何在 jquery mobile 中为可折叠集创建列表分隔符

标签 html css jquery-mobile

我有一个看起来像这样的可折叠套装:

<div data-role="collapsible-set">
  <div data-role="collapsible">
    <h1>
       <span style="font-size: 16px; font-weight: bold; white-space: pre-wrap;" id="title">This is a really long book title</span><br>
       <span style="font-size: 14px; font-weight: normal;" id="author">This is the Author of the book</span>
       <span style="font-size: 14px; font-weight: normal; font-style: italic;" id="year">Yr</span>
    </h1>
        <div>Statis</div>        
   </div>
</div>

但是,我似乎找不到将列表分隔符添加到可折叠集合的方法。例如,我曾经有一个元素列表,可以添加一个属性:data-role="list-divider",它看起来像这样:

enter image description here

这对于可折叠集来说是不可能的吗?

最佳答案

list-divider 属性适用于 listview小部件同时 collapsible-set是一种不同类型的小部件。您不能在 ListView 实例之外使用 list-divider 函数。当然,您可以在可折叠集中包含一个 ListView ,但整个列表将被公开或隐藏。

关于html - 如何在 jquery mobile 中为可折叠集创建列表分隔符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26707993/

相关文章:

HTML/CSS : How to stop the cursor after the last letter in this animated text?

html - 当父级小于子级时,将 div 在其父级中水平居中

jquery - 单击SVG时反转动画效果?

javascript - 触发 CSS :hover with javascript by scrolling

java - 填充Webview内容时的Android底部白色条纹

jquery-mobile - Knockoutjs 使用多个 View 模型

css - 防止 CSS 和 jQuery(移动)被缓存

html - 标签与跨度 : HTML

PHP 动态页面 css 错误

html - 导航栏中的引导切换不起作用