Question

我在iOS PhoneGap应用中切换窗口时遇到问题。我正在使用

window.changePage = "abt.html";

改变我的看法（尝试过其他一些也好像 $.mobile.changePage("abt.html", null, true, true);或 window.open('abt.html', '_self');）

屏幕加载但我总是在屏幕底部显示一个小条，显示打开的URL，“完成” - 按钮和向前/向后箭头。

显然，我似乎使用了错误的方法，但即使经过研究，我也找不到办法。打开新窗口是错误的尝试，我只需要切换视图的内容吗？

由于我对这一切都是新手（正如你们有些人可能已经建议的那样），我将不胜感激。

/ edit：当单击按钮时，最初的意图是从一个视图更改为另一个视图（就像我在普通iOS应用程序中所做的那样）。

谢谢，

blaluma

Answer 1

对于那些有同样问题的人。我找到了一个使用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。

/ edit：经过一段时间的努力，我建议使用jQueryMobile定义带有id的HTML页面并用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>

希望能有所帮助。

PhoneGap iOS切换窗口

1 个答案: