listview中的jQuery Mobile嵌入列表

时间:2013-06-01 04:53:40

标签: jquery-mobile

我正在尝试在jQuery Mobile ListView中创建一个有序列表。问题是列表视图具有data-autodividers="true",这也适用于嵌入的有序列表。我尝试在data-role="none"ol的每一个上设置li,甚至在data-autodividers="false"上设置ol,然后仍然在嵌入式ol上呈现分隔符。有没有办法防止首先创建autidividers?

我通过仅针对嵌入式分频器并将其设置为display:none来解决此问题,但我宁愿让jQuery Mobile首先不添加分频器。

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

这是与https://stackoverflow.com/questions/13422871/jquery-mobile-listview-and-formatting-embedded-html-lists类似的问题,但处理的是自动分割器,而不是列表的样式(这也是错误的,但也可以通过CSS修复)。

1 个答案:

答案 0 :(得分:1)

我也没有在JQM doc中找到。

但您可以使用此脚本删除内部列表autidivider。

在此处查看DEMO 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">