jQuery Mobile 중첩 목록 - 일반 중점 텍스트가 숨겨 짐

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/>에 "일반 텍스트"를 포함하지 않을 이유가 없습니다.