-1

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

window.changePage = "abt.html";

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

屏幕加载，但我总是在屏幕底部看到一个小栏，显示打开的 URL、“完成”按钮和前进/后退箭头。

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

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

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

谢谢，

布拉卢马

4

1 回答 1

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 。

/edit：经过一段时间的研究，我建议使用 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>

希望对某人有所帮助。

于 2013-03-26T11:09:20.303 回答