【问题标题】:Back Button not working in phonegap android返回按钮在phonegap android中不起作用
【发布时间】:2012-07-26 11:01:32
【问题描述】:

我有一个 phonegap 应用程序,我在其中使用 JQM 来设计我的页面。

我面临的问题是 JQM 生成的后退按钮在 某些情况下无法在 android 平台上运行。它在IOS上运行良好

编辑: 它也适用于浏览器。所以我怀疑在使用cordova时可能会出现一些问题。

我尝试关注this post 并从 1.7 升级到 cordova 1.8,但这解决了我的问题。

情况后退按钮不起作用

我有几个从索引页面调用的 JQM 文件。后退按钮在这些文件上不起作用。但在这些文件中有 JQM pages 后退按钮确实有效

后退按钮是标准的 JQM 后退按钮

<a data-role="button" data-rel="back">Back</Back>

我很长时间以来一直坚持这一点。

谁能提供一些路线?

编辑:

只是为了消除任何混乱。 BackButton 事件侦听器(Reference 并在 cmets 中建议)确实被调用。但这是设备的后退按钮(物理按钮)。我的问题是 JQM 的后退按钮,即带有 data-rel="back"

的后退按钮

【问题讨论】:

  • 你为什么不使用phonegap来处理这样的后退按钮document.addEventListener("backbutton", onBackClickEvent, false);
  • 我在stackoverflow.com/questions/10945643/… 上查看了您的答案.. 但它在 IOS 平台上运行良好。可能出了什么问题。
  • 你是在说&lt;a data-role="button" data-rel="back"&gt;Back&lt;/Back&gt; 在 iOS 上工作,但在 Android 上不工作……还是你在说我的示例?
  • 我是说前者不起作用返回
  • 看看你是否使用了Phonegap的后退按钮监听器,或者如果你想知道你的&lt;a data-role="button" data-rel="back"&gt;Back&lt;/Back&gt;有什么问题,那么请发布一些代码,以便我们查看它并告诉你你做错了什么。 ..

标签: android jquery-mobile cordova


【解决方案1】:

如果没有看到您的代码,我无法帮助您解决 JQM 后退按钮问题。虽然我可以提出一个新的解决方案。

你可以像这样注册一个后退按钮监听器

document.addEventListener("backbutton",onBackClickEvent,false);

然后在 onBackClickEvent 中就可以这样使用了

function onBackClickEvent {

var currentPageId = $.mobile.activePage.attr('id');

  if(currentpageId == 'home') {
    $.mobile.changePage("#page2",{ transition : "slide"});
  } else {...}
}

这样,您可以控制应用程序的流程。希望这会有所帮助...

【讨论】:

  • 我已经试过了。 “backbutton” eventListener 仅捕获设备的后退按钮,而不是 JQM 生成的后退按钮。使用设备的后退按钮应用程序运行良好。好的,我会更新代码
  • 来吧 yaar...这不会自动执行...您需要在单击后退按钮时调用一个函数...。
  • 我告诉过你我给了你一个替代方案......如果你应用它,那么它将适用于所有平台......
  • 当我使用 data-rel = "external" 打开页面时它不起作用。你能用演示代码检查一下吗?
  • 您能否检查一下 data-rel = "external"。谢谢
猜你喜欢
  • 2017-08-22
  • 1970-01-01
  • 2014-05-06
  • 2023-03-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多