【问题标题】：jQuery Mobile embedded list inside listviewjQuery Mobile 在列表视图中嵌入列表
【发布时间】：2013-06-01 04:53:40
【问题描述】：

我正在尝试在 jQuery Mobile ListView 中创建一个有序列表。问题是列表视图具有data-autodividers="true"，这也适用于嵌入的有序列表。我尝试在ol 和每个li 上设置data-role="none"，甚至在ol 上设置data-autodividers="false"，它仍然在嵌入的ol 上呈现分隔符.有没有办法一开始就阻止创建自动分隔符？

我已经解决了这个问题，只针对嵌入式分隔线并将它们设置为display:none，但我宁愿让 jQuery Mobile 首先不添加分隔线。

这是一个 JSFiddle： http://jsfiddle.net/straker/eM8tb/

这是与https://stackoverflow.com/questions/13422871/jquery-mobile-listview-and-formatting-embedded-html-lists 类似的问题，但处理的是自动分隔符，而不是列表的样式（这也是错误的，但也可以用 CSS 修复）。

【问题讨论】：

标签： jquery-mobile

【解决方案1】：

我在 JQM 文档中也没有找到。

但您可以使用此脚本删除内部列表自动分隔符。

在此处查看演示http://jsfiddle.net/eM8tb/3/

JQUERY

$( "ol#inner_list li" ).each(function() {
    var c = $(this).text();
    if (c.length == 1)
        $(this).remove();
});

HTML

<ol id='inner_list' data-role="none" data-autodividers="false">

【讨论】：