#jquery #html #jquery-mobile #html-lists
#jquery #HTML #jquery-mobile #html-списки
Вопрос:
У меня есть список, который я хочу встроить в другой список. Однако jQuery Mobile хочет создать отдельную страницу для встроенного списка.
Вот что у меня есть:
<ul data-role="listview">
<li>Item 1</li>
<li>
Item 2
<ol>
<li><p>Embedded item 1</p></li>
<li><p>Embedded item 2</p></li>
</ol>
</li>
</ul>
Я бы предпочел решение, которое не затрагивает внутренний список, поскольку он фактически извлекается из внешнего источника.
Есть ли какой-либо способ сделать отображение списка встроенным?
Ответ №1:
Это то, что изменилось между alpha3 и alpha4. Все, что вам нужно сделать, это обернуть ol в div, и он отобразится (не очень красиво, но он отобразится)
Оттуда вы можете сделать его listview и установить для него значение inset, чтобы он выглядел немного лучше.
Смотрите: http://jsfiddle.net/MyHaB/1 /
Комментарии:
1. Отлично! Еще один быстрый вопрос… в вашем примере я заметил, что номер во вложенном списке был в отдельной строке. Есть ли какой-нибудь способ это исправить?
2. Удаление тега P исправит это для вас. Если вы хотите, чтобы он отличался от этого, вам нужно будет взглянуть на некоторые css для этого.
Ответ №2:
Для тех, кто погуглил, чтобы найти решение, похожее на это.
Другой способ добиться этого — использовать плагин inlinelistview. Это позволяет элементам listview открываться встроенным в список, а затем переключаться пользователем на закрытие снова.