1

我正在尝试在 jQuery Mobile ListView 中创建一个有序列表。问题是列表视图具有data-autodividers="true"并且这也适用于嵌入的有序列表。我尝试在data-role="none"每个ol'上li设置 ,甚至在data-autodividers="false"上设置ol,它仍然在嵌入的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 修复)。

4

1 回答 1

1

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

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

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

查询

$( "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">
于 2013-06-01T06:17:02.653 回答