2014-12-04 3 views
1

Я пытаюсь поместить вложенный список на странице в элемент div, и он отлично работает, пока я не нажму на некоторые элементы, имея элементы-потомки - в этом случае вложенный список перерисовывает всю страницу, чтобы отобразить детей.Переместить jQuery Мобильный вложенный список в div

Все примеры, которые я нашел, отображают то же поведение. Например, страница jQuery Mobile Demos: http://demos.jquerymobile.com/1.4.5/listview-nested-lists/

Есть ли способ отображения и навигации по вложенному элементу набора без замены страницы?

+0

Вы можете использовать collapsibles для расширения узлов, у которых есть дети. – ezanker

+0

Да, я знаю. Но задача состоит в том, чтобы использовать только вложенный список. Возможно, я мог бы сделать такое же поведение, используя только списки и переходы, но это займет много времени. Надеюсь, у кого-то есть обходное решение, чтобы вложенные списки отображали его дочерние элементы в контейнере. –

ответ

1

Я не уверен, что именно вы пытаетесь достичь, но вы могли скользить их вверх и нажмите сдвиньте их вниз, используя (следующий)

$(".hide").next().slideUp('fast'); 
$(".hide").click(function(e) { 
$(this).next().slideToggle('fast'); 
}) 

Demo

http://jsfiddle.net/2u020dqa/

+0

Спасибо, но это решение не соответствует моим потребностям. Это похоже на «аккордеон», но мне нужно что-то, что похоже на пример в ссылке в моем вопросе (список со стрелками справа, если есть дети), и когда вы нажимаете/нажимаете на него, он скользит влево, и меню потомков открывается с правой стороны. –

+1

Вы имеете в виду что-то вроде этого - http://jsfiddle.net/chd3kezh/ – Tasos

+0

Да, это решение намного ближе к тому, что я ищу. Мне нужно ориентироваться по дереву таким образом: выберите один узел из списка и щелкните его, а затем просмотрите следующий список узлов. Если в некоторых узлах есть дети, отобразите стрелку, чтобы можно было глубже. –

Смежные вопросы