2013-03-26 70 views
-1

我在iOS PhoneGap应用程序中切换窗口时出现问题。我目前使用PhoneGap iOS切换窗口

window.changePage = "abt.html"; 

改变我的观点(尝试了一些其他的太像 $.mobile.changePage("abt.html", null, true, true);window.open('abt.html', '_self');

屏幕负载,但我总是在屏幕底部的小酒吧,显示打开的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身体,并插入我的新html身体。

/编辑:经过一段时间的工作,我建议使用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> 

希望帮助别人。