2013-03-26 6 views
-1

내 PhoneGap 앱에서 창을 전환하는 데 문제가 있습니다. 표시, 나는 현재PhoneGap iOS 창 전환

화면로드 (너무 $.mobile.changePage("abt.html", null, true, true); 또는 window.open('abt.html', '_self'); 같은 다른 시도) 내보기를 변경

window.changePage = "abt.html"; 

를 사용하고 있지만 항상 화면 하단에 작은 막대를 얻을 수 열린 URL, "완료"- 버튼 및 앞으로/뒤로 화살표.

분명히 내가 잘못된 방법을 사용하고있는 것 같지만 조사한 후에도 방법을 찾지 못했습니다. 새 창을 여는 시도가 잘못되었으며 뷰의 내용 만 바꾸면됩니까?

나는이 모든 것을 처음 접했기 때문에 (여러분 중 일부는 이미 제안했을 수 있으므로) 도움이 되었으면 좋겠습니다.

/편집 : 원래의 의도는 버튼을 클릭 할 때 한보기에서 다른보기로 변경하는 것이 었습니다 (일반적인 iOS 앱처럼).

감사합니다,

blaluma 같은 문제를 가진 사람들을 위해

답변

0

. jQuery + Ajax를 사용하여 해결책을 찾았습니다.

$(document).ready(function(){ 
    $('#abt').click(function(){ 
    $('body').empty(); 
     $.ajax({ 
        url:'abt.html', 
        cache:false 
        }).done(function(html){ 
             $("body").append(html); 
            }); 
        }); 
}); 

이제 html-body를 제거하고 대신 new-html-body를 삽입합니다.

/편집 : jQueryMobile을 사용하여 HTML로 페이지를 정의하고 id가 있고 href로 페이지를 참조하는 것이 좋습니다.

예 : 사람을 도움이

<div data-role="page" id="SomeID"> 
    <div data-role="header" data-theme="b" data-position="fixed" data-id="footer"> 
    </div> 
    <div data-role="content"> 
     <a href="#SomeOtherID" data-transition="slide"> </a> 
    </div> 
    <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer"> 
    </div> 
    </div> 

    <div data-role="page" id="SomeOtherID"> 
    <div data-role="header" data-theme="b" data-position="fixed" data-id="footer"> 
    </div> 
    <div data-role="content"> 
     <a href="#SomeID" data-transition="slide"> </a> 
    </div> 
    <div data-role="footer" data-theme="b" data-position="fixed" data-id="footer"> 
    </div> 
    </div> 

희망.