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

时间:2014-11-03 04:55:55

标签: 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

对于可折叠集合,这是不可能的?

1 个答案:

答案 0 :(得分:-1)

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