PhoneGap - 隐藏标签栏页面开关上的后退按钮

Posted 2023-03-15

【中文标题】PhoneGap - 隐藏标签栏页面开关上的后退按钮

【英文标题】：PhoneGap - hide back button on tab bar page switch

【发布时间】：2011-11-29 10:06:05

【问题描述】：

我一直在使用 Obj-C 有一段时间了，尽管我已经相当熟悉它，但我想给 PhoneGap 一个机会，因为我正在与一个 Web 开发团队和 PhoneGap 合作（如果它证明足够强大）可以让我从订购应用时的首选人中解放出来。

所以，我昨天一整天都在学习和例子，我已经很好地掌握了它是如何工作的；不过今天我潜得更深了：

1) 首先，我发现

$.mobile.page.prototype.options.addBackBtn= true;

添加了一个后退按钮，只需一行即可轻松导航。确实漂亮！但是，由于我已经安装了 NativeControls 插件，并且有一个实际的 UITabBar，代码如下：

var NativeControls = window.plugins.nativeControls;
NativeControls.createTabBar();  
NativeControls.createTabBarItem("items","items","tabButton:Items","onSelect":
                                function()
                                $.mobile.changePage( "#page1",  transition: "none" );
                                 );
NativeControls.createTabBarItem("faq","faq","tabButton:F.A.Q.","onSelect":
                                function()
                                $.mobile.changePage( "#page2",  transition: "none" );
                                );
NativeControls.showTabBar();
NativeControls.showTabBarItems("items","faq");
NativeControls.selectTabBarItem("book");

如何在 TabBar 发生转换时隐藏“返回”按钮？

2) 离题，但这是我在不久的将来必须面对的事情，如果有人有任何关于如何根据使用<li>s 中的<ul> 单击的项目动态创建 div/#pages 的知识资源至于模仿 UITableView 的行为，如果你能分享，我会很高兴。我的模型是这样的：

用户点击类别“单元格”-> ping 服务器以获取产品或子类别或其包含的任何内容->“即时”构建一个新的 div/#page，其中包含 <li>s 中的 <ul>也绑定（希望通过他们的类）到相同的（重复的？）函数。

另外，“后退”按钮是否可以在这样的模型中使用？

提前致谢！

【参考方案1】：

首先，您所说的代码是 JQueryMobile，它与 PhoneGap 完全没有关系......我写过多个 PhoneGap 应用程序，但从未使用过 JQM！

无论哪种方式，我个人都不使用 JQM 后退按钮，因为我发现它们有时会令人困惑（当然取决于您的应用程序布局）并且并不总是可靠的。我倾向于放置一个图标，并为用户说明此按钮会将他们带到哪里。

关于 JQM 中的动态页面，请查看他们的documentation，他们在哪里谈论这个。

【讨论】：

感谢文档链接，我会直接深入研究。我想模仿 ios 的 UINavigationController 和 UITableView 行为。如果不使用 JQM 后退按钮，您将如何自己做呢？

您只需调用您的 nativeControls 插件，根据当前页面将左按钮设置为感觉正确的任何一个...当然，您也可以将其设置为使用 javascript 调用回调您的代码history.back() 基本上只会将用户返回到他之前所做的任何事情（如果您的应用程序流程如此动态以至于您正在共享页面并且后面可能是任何内容）