Question

我使用带有分隔符的jQuery Mobile列表： http://jquerymobile.com/test/docs/lists/lists-divider.html

目前结构是这样的（A和B是分隔符）：

<li>A</li>
<li>Adam</li>
<li>Alex</li>
<li>B</li>
<li>Bob</li>
<li>Barbara</li>

我怎样才能在那些像这样的分频器上放置一个跨度？：

<li>A</li>
  <span class="myspan">
    <li>Adam</li>
    <li>Alex</li>
  </span>
<li>B</li>
  <span class="myspan">
    <li>Bob</li>
    <li>Barbara</li>
  </span>

我可以在页面加载上运行一些添加了这些跨度的javascript，但这对我来说似乎有些混乱。这样做有什么实际缺点吗？谢谢

更新 - 我想要一个跨度的原因是我需要它，所以当你点击一个标题时，它下方的li有点像手风琴一样崩溃：http://jqueryui.com/demos/accordion/谢谢

Answer 1

你想要达到什么目标？

不是使用列表分隔符，而是将显示分成单独的列表视图是有意义的，即

<h3>A</h3>
  <ul data-role="listview" >
    <li>Adam</li>
    <li>Alex</li>
  </ul>
<h3>B</h3>
  <ul data-role="listview" >
    <li>Bob</li>
    <li>Barbara</li>
</ul>

这样您就不会破坏列表的HTML。

编辑另一种方法是将类添加到单个列表项中，以直观地指示它们被组合在一起。例如：

<ul data-role="listview" >
     <li class="group-a">Adam</li>
     <li class="group-a">Alex</li>
     <li class="group-b">Bob</li>
     <li class="group-b">Barbara</li>
 </ul>

jQuery移动列表分隔符 - 跨越分组不是分隔符的li

1 个答案: