질문Q #2216
jQueryMobile질문입니다.
헛발이2013-03-28 11:21:11
jQueryMobile질문입니다.

jQueryMobile은 기본적으로 page로 감싸서 시작하잖아요?
예를 들면 이렇게요~
<div data-role="page">
//내용
</div>


그런데 이 페이지 안에 다른 페이지를 넣을수 있나요?
<div data-role="page">
//내용
    <div data-role="page">
    //내용
    </div>
</div>
이렇게 말이죠....잘 안되던데.....

<div data-role="page">
//내용
</div>

<div data-role="page">
//내용
</div>
이렇게 되는건 되는데...
제가 하고 싶은건 page안에 다른 페이지를 넣고 싶은건데,...

혹시 고수님들 아시는 분들 계신가요?
답변5
#1 한대승(불의회상) 2013-03-28 12:01:52
페이지 중첩은 안되었던걸로 기억 하는데요.
어떤 용도 인지 궁금 하네요.
#2 헛발이 2013-03-28 12:40:59
Bootstrap의 드롭다운메뉴를 스마트폰사이트선 해당페이지에서 간단히 페이지를 만들어 표현하고자 생각한 내용입니다...

즉 이런 모양을 휴대폰에서 구현하는걸 어렵게 생각하지 말고 page로 만들면 어떨까 했죠...



위의 내용을 대략적으로 코딩 한다면 아래와 같이 되는데요...
<div class="btn-group">
<button class="btn">Action</button>
<button class="btn dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<!-- dropdown menu links -->
</ul>
</div>


이걸 휴대폰에서는 
<div data-role="page" id="main">

    <a href="#myinfo" data-role="button">내정보</a> 

    <div data-role="page" id="myinfo" data-theme="a">

        <div data-role="content" data-theme="a">
            <p>원하시는 설정을 아래의 버튼에서 선택하여 클릭하시기 바랍니다.</p>
            <p>
                <?php echo anchor('/auth/change_profile', '프로필 변경', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_email', '이메일 재설정', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_password', '비밀번호 변경', 'data-role="button" data-theme="a"'); ?>
                <?php echo anchor('/auth/change_picture', '내사진 변경', 'data-role="button" data-theme="a"'); ?>
            </p>
            <p><a href="#main" data-direction="reverse" data-role="button" data-theme="b">닫기</a></p> 
            
        </div><!-- /content -->

    </div><!-- /page two -->

</div>
이렇게 사용가능할까 해서 해 봤는데 안되더라구요~
페이지안에 페이지는...

페이지 밖엔 별도로 페이지를 만들면 되긴 하지만...
저는 버튼 바로 빝에 별도로 페이지를 만들고 싶었거든요...

^^:

#3 한대승(불의회상) 2013-03-28 14:16:12
헛발이// 데탑용 웹페이지를 모바일 라이브러리로 만드시는건가요 ^^

#4 헛발이 2013-03-28 14:52:28
그런 복잡한건 아니구요~ ㅋㅋ

단순히 웹페이지를 모바일용 웹페이지도 만드는 중인데요...
웹페이지에서 드롭다운 메뉴를 라이브러리로 구현 했는데요..
모바일페이지는 jQueryMobile을 사용하다보니 일반적인 라이브러리랑 충돌나더라구요~
그래서 복잡하게 라이브러리 쓰지 않고 그냥 jQueryMobile에서 제공하는거 있나 찾아 봣는데 거긴 드롭다운 메뉴가 없는거 같아서 그냥 페이지를 이용하면 어떨까 하구요~

#5 lena2818 2014-09-16 10:46:58
page 안에 page는 안되는건가요?

혹시 답 찾으셨나요? ㅎㅎㅎ