모바일 메뉴바
- 작성자 :
- 현*규
- 작성일 :
- 2014-12-03 14:57:06
- 조회수 :
- 523
- 구분 :
- 모바일
- 진행상태 :
- 완료
Q
<div data-role="collapsible" data-collapsed="true">
<h3><a href="javascript:void(0);"class="first">${chanew.jongmok}</a></h3>
<ul data-role="listview" data-inset="true">
<li><a href="javascript:void(0);">시대별</a>
<div data-role="collapsible" data-collapsed="true">
<ul data-role="listview" data-inset="true">
<li><a href="javascript:goAge('a','03');">삼국시대</a></li>
<li><a href="javascript:goAge('a','01');">고려시대</a></li>
<li><a href="javascript:goAge('a','04');">조선시대</a></li>
</ul>
</div>
</li>
<li><a href="#">유형별</a></li>
<li><a href="#">지역별</a></li>
</ul>
</div>
이런 형식으로 사용할여고 하는데 처음과 두번째는 나오는데 세번째는 어떻게 해야 나오는 건가요???
어떻게 해야 하는지 알려주세요.. 부탁드립니다.
<h3><a href="javascript:void(0);"class="first">${chanew.jongmok}</a></h3>
<ul data-role="listview" data-inset="true">
<li><a href="javascript:void(0);">시대별</a>
<div data-role="collapsible" data-collapsed="true">
<ul data-role="listview" data-inset="true">
<li><a href="javascript:goAge('a','03');">삼국시대</a></li>
<li><a href="javascript:goAge('a','01');">고려시대</a></li>
<li><a href="javascript:goAge('a','04');">조선시대</a></li>
</ul>
</div>
</li>
<li><a href="#">유형별</a></li>
<li><a href="#">지역별</a></li>
</ul>
</div>
이런 형식으로 사용할여고 하는데 처음과 두번째는 나오는데 세번째는 어떻게 해야 나오는 건가요???
어떻게 해야 하는지 알려주세요.. 부탁드립니다.
A
안녕하세요. 현창규님
Nested List는 화면전환이 발생하는 중첩형태라 메뉴의 마지막 단계에서 사용하셔야
의도하신 형태의 메뉴구조를 만드실 수 있을 것 같습니다.
Collapsible Block을 중첩하여 아래의 코드를 참고하시실 바랍니다.
<div data-role="collapsible">
<h3><a href="#">Start</a></h3>
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3><a href="#">시대별</a></h3>
<div data-role="collapsible-set">
<ul data-role="listview" data-inset="true">
<li><a href="#">삼국시대</a></li>
<li><a href="#">고려시대</a></li>
<li><a href="#">조선시대</a></li>
</ul>
</div>
</div>
<div data-role="collapsible">
<h3><a href="#">유형별</a></h3>
</div>
<div data-role="collapsible">
<h3><a href="#">지역별</a></h3>
</div>
</div>
</div>
고맙습니다. 좋은 하루 되시길 바랍니다.
고맙습니다.
Nested List는 화면전환이 발생하는 중첩형태라 메뉴의 마지막 단계에서 사용하셔야
의도하신 형태의 메뉴구조를 만드실 수 있을 것 같습니다.
Collapsible Block을 중첩하여 아래의 코드를 참고하시실 바랍니다.
<div data-role="collapsible">
<h3><a href="#">Start</a></h3>
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3><a href="#">시대별</a></h3>
<div data-role="collapsible-set">
<ul data-role="listview" data-inset="true">
<li><a href="#">삼국시대</a></li>
<li><a href="#">고려시대</a></li>
<li><a href="#">조선시대</a></li>
</ul>
</div>
</div>
<div data-role="collapsible">
<h3><a href="#">유형별</a></h3>
</div>
<div data-role="collapsible">
<h3><a href="#">지역별</a></h3>
</div>
</div>
</div>
고맙습니다. 좋은 하루 되시길 바랍니다.
고맙습니다.