jQuery Мобильный вложенный список - Normal Emphasis text скрывается

Question

С вложенным списком в jQuery Mobile нормальный текст исчезает, когда у вас есть дополнительный список. Вот пример кода:

<div data-role="page"> 
<ul data-role="listview"> 
    <li> 
      <h1>Header Text 1</h1> 
     Normal Text 1 
     <p>Sub Text 1</p> 
    </li> 
    <li> 
     <h1>Header Text 2</h1> 
     Normal Text 2 
     <p>Sub Text 2</p> 
     <ul>   
      <li><p>Sub item 1</p></li> 
      <li><p>Sub item 2</p></li> 
     </ul> 
    </li> 
    <li> 
     <h1>Header Text 3</h1> 
     Normal Text 3 
     <p>Sub Text 3</p> 
    </li> 
</ul> 
</div> 

Текст Normal Text 2 не отображается в списке вложенной.

Вот снимок экрана:

Я также сколотить jsfiddle, который показывает проблему: http://jsfiddle.net/stani/2WwGC/
UPDATE: Скрипки не было правильным - должно быть правильным в настоящее время.

Есть ли способ сделать «Обычный текст 2»? Или, может быть, это ошибка с каркасом jQuery Mobile?

Answer 1

jQueryUI, кажется, извлекает определенные теги HTML из вашего первоначального списка и переписывает их по-своему, основываясь на их семантическом значении (<h1> становится заголовками и т. Д.). Мне кажется, что «потерянный текст» не обрабатывается должным образом.

В любом случае, я не вижу причин не обертывать ваш «Обычный текст» в <p/> или <div/>.