Listview分隔符JQuery Mobile

我正在使用jquerymobileflatui主题。这很好，但我想在每个listview之间添加一个分隔符

以下是列表视图：

我必须在.css文件中添加哪些代码？

解决方案1 只需在每个经典的listview元素之前添加此元素：

例子： 解决方案3 工作示例：

$（document）.on（'pagecreate'，'#index'，function（）{
$（“#mylistview li”）.each（function（）{
$（this）.before（'li data role=“list divider”>）；
});
});

此解决方案将为每个现有的

li

元素添加一个分隔符。还要注意一个属性

数据分隔符theme=“a”

，它将创建黑设备。

解决方案1

<ul data-role="listview">
  <li>Acura</li>
  <li>Audi</li>
  <li>BMW</li>
</ul>

只需在每个经典的listview元素之前添加此元素：

例子： 解决方案3 工作示例：

$（document）.on（'pagecreate'，'#index'，function（）{
$（“#mylistview li”）.each（function（）{
$（this）.before（'li data role=“list divider”>）；
});
});

此解决方案将为每个现有的

li

元素添加一个分隔符。还要注意一个属性

数据分隔符theme=“a”

，它将创建黑设备。

<ul data-role="listview">
  <li>Acura</li>
  <li>Audi</li>
  <li>BMW</li>
</ul>

阿库拉
奥迪
宝马

阿库拉
奥迪
宝马

如果希望列表样式css分隔每个列表

检查演示

添加这个css

ul li.ui-li {
    border-top:1px solid #ccc !important;
}
ul li.ui-li-divider{
    border-top:none !important;
}

---

如果希望列表样式css分隔每个列表

检查演示

添加这个css

ul li.ui-li {
    border-top:1px solid #ccc !important;
}
ul li.ui-li-divider{
    border-top:none !important;
}

---

谢谢，但我想在每个列表视图之间使用分隔符。就像Jquery Mobile的listview。我只想要黑色条纹。看看我的解决方案3。谢谢，但我想要每个列表视图之间的分隔符。就像Jquery Mobile的listview。我只想要黑色条纹。看看我的解决方案3。

ul li.ui-li {
    border-top:1px solid #ccc !important;
}
ul li.ui-li-divider{
    border-top:none !important;
}