0

我使用带有分隔符的 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 的那个 arnt 分隔符周围放置一个跨度？：

<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/谢谢

4

1 回答 1

2

你想达到什么目的？

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

<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>
于 2012-04-19T15:07:20.547 回答