PhoneGap - 隐藏标签栏页面切换上的后退按钮

时间:2011-11-29 10:06:05

标签: ios jquery-mobile cordova phonegap-plugins

我一直在干扰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)Offtopic但是这是我在不久的将来必须要面对的事情,如果有人有任何关于如何根据点击<ul> {{<li>动态创建div /#页面的知识资源1}}模仿UITableView的行为,如果你能分享,我会很高兴。我的模型类似于:

用户点击“细胞”类别 - &gt; ping服务器的产品或子类别或其包含的任何内容 - &gt;构建“在运行中”一个新的div /#页面,其中包含<ul> <li>个{(1}},它们也(通过他们的类有希望)绑定到相同的(重复?)函数。

另外,“Back”按钮会在这样的模型中起作用吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

首先,你所谈论的代码是JQueryMobile,它与PhoneGap毫无关系....我在没有使用JQM的情况下编写了多个PhoneGap应用程序!

无论哪种方式,我个人都不使用JQM Back按钮,因为我发现它们有时会让人感到困惑(当然取决于你的应用程序布局)并不总是可靠的。我倾向于总是为用户提供一个带有描述的图标,这个按钮将把他们带到哪里。

关于JQM中的动态页面,请查看他们所谈论的documentation