2013-06-01 60 views
1

我試圖在jQuery Mobile ListView中創建一個有序列表。問題是,listview有data-autodividers="true",這也適用於嵌入的有序列表。我試圖設置data-role="none"上的ol和每個li的,甚至在ol上設置data-autodividers="false",它仍然在嵌入ol上呈現分隔符。有沒有辦法阻止autodvider被創造出來?列表視圖中的jQuery Mobile嵌入列表

我剛剛針對嵌入式分隔線設置了display:none這個黑客攻擊了這個問題,但我寧願讓jQuery Mobile不要在第一位添加分隔線。

這裏有一個的jsfiddle: http://jsfiddle.net/straker/eM8tb/

這是一個類似的問題https://stackoverflow.com/questions/13422871/jquery-mobile-listview-and-formatting-embedded-html-lists,但與autodividers而不是列表的樣式(這也是錯誤的,但可以固定與CSS以及)交易。

回答

1

我也沒有在JQM文檔中找到。

但您可以使用此腳本刪除內部列表autodivider。

看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">