2013-06-01 3 views
1

Я пытаюсь создать упорядоченный список внутри jQuery Mobile ListView. Проблема в том, что listview имеет data-autodividers="true", и это также применяется к встроенному упорядоченному списку. Я попытался установить data-role="none" на ol и каждый из li и даже установить data-autodividers="false" на ol, и он по-прежнему отображает разделители на встроенном ol. Есть ли способ предотвратить создание автодизайнеров в первую очередь?jQuery Мобильный встроенный список внутри listview

Я взломал эту проблему, просто нацелив встроенные разделители и просто установив их как 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 doc.

, но вы можете использовать этот скрипт для удаления внутреннего автодоступа списка.

см 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"> 
Смежные вопросы