Red*_*fox 19 android overriding back-button cordova
我正在使用PhoneGap 1.5.0,jQuery 1.7.1和jQuery mobile 1.0.1,并尝试覆盖Android中的后退按钮,如此处或此处所述.
document.addEventListener("deviceready", onDeviceReady, false);
// PhoneGap loaded
function onDeviceReady() {
console.log("PhoneGap Ready!");
// waiting for button
document.addEventListener("backbutton", handleBackButton, false);
}
// handle the back button
function handleBackButton() {
console.log("Back Button Pressed!");
navigator.app.exitApp();
}
但它只适用于我的应用程序的第一页.更改为不同的页面后,后退按钮什么都不做.该应用程序包含这样的tabview:
<body>
<div data-role="page" id="pilotTab">
<div data-role="header">
<h1>Pilot</h1>
</div>
<div data-role="content" id="pilotContent">
content be here ;)
</div>
<div data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="pilotTab.html" data-transition="none">Lotse</a>
</li>
<li><a href="bookingTab.html" data-transition="none">Verkehr</a>
</li>
<li><a href="mainListTab.html" data-transition="none">Bört</a>
</li>
</ul>
</div>
<!-- /navbar -->
</div>
<!-- /footer -->
</div>
这是一个愚蠢的错误,还是有什么特别的东西我必须考虑让它正常工作？提前致谢.
dha*_*val 12
我浏览了新的Phonegap源代码并进行了以下更改以使后退按钮工作.
Html测试代码
<script type="text/javascript">
$("#home").click(function(){
$.mobile.changePage("home.html");
});
document.addEventListener("deviceready", onDeviceReady, false);
document.addEventListener("backbutton", handleBackButton, false);
function onDeviceReady() {
console.log("PhoneGap Ready!");
}
function handleBackButton() {
console.log("Back Button Pressed!");
navigator.app.exitApp();
}
</script>
把下面的代码else块document.addEventListener中cordova-1.5.0.js后线无507
if (e === 'backbutton') {
var exec = require('cordova/exec')
exec(null, null, "App", "overrideBackbutton", [true]);
}
将以下代码放在第592行之后fireDocumentEvent的cordova定义方法中cordova-1.5.0.js
if(type == "backbutton"){
var e = document.createEvent('Events');
e.initEvent(type);
if (data) {
for (var i in data) {
e[i] = data[i];
}
}
document.dispatchEvent(e);
return;
}
我已将整个cordova-1.5.0.js放在这个要点中,并附有更新的代码https://gist.github.com/2020325
虽然它对我有用,但它仍然可能需要一些更改才能在所有可能的场景中工作.
将以下代码放在第592行之后fireDocumentEvent的cordova定义方法中cordova-1.5.0.js
if(type == "backbutton" || type == "menubutton" || type == "searchbutton"){
var e = document.createEvent('Events');
e.initEvent(type);
if (data) {
for (var i in data) {
e[i] = data[i];
}
}
document.dispatchEvent(e);
return;
}