2011-04-27 5 views
5

다른 목록에 포함하려는 목록이 있습니다. 그러나 jQuery Mobile은 삽입 된 목록에 대해 별도의 페이지를 생성하려고합니다. 여기 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> 

내가 그 실제로 외부 소스에서 가져온되고 이후 내부 목록을 만지지 않는 솔루션을 선호하는 것이다.

목록을 인라인으로 표시 할 수있는 방법이 있습니까?

답변

5

이것은 alpha3와 alpha4 사이에서 변경된 사항입니다. 당신이해야 할 일은 div에 올 래를 감싸는 것입니다. (매우 귀엽지는 않지만 표시됩니다)

거기에서 목록보기로 만들고 조금 더보기 좋게 설정할 수 있습니다 .

은 참조 :이 유사한 해결책을 찾기 위해 구글에서 사람들을 위해 http://jsfiddle.net/MyHaB/1/

+0

우수! 한 가지 더 빠른 질문 ... 예제에서 중첩 목록의 번호가 별도의 줄에 있다는 것을 알았습니다. 그 문제를 해결할 방법이 있습니까? –

+0

P 태그를 제거하면 문제가 해결됩니다. 당신이 그것을 원한다면 당신은 그것을 위해 CSS의 일부를 볼 필요가있을 것입니다. – dkarzon

0

.

또 다른 방법은 inlinelistview 플러그인을 사용하는 것입니다. 목록 뷰 항목을 목록 내에서 인라인으로 연 다음 사용자가 다시 닫을 수 있습니다.

On Github

관련 문제