Cordova - window.history.back() 不适用于 iOS 9 中的 HTML 后退按钮 [英] Cordova - window.history.back() not working on HTML back button in iOS 9
问题描述
在我的应用程序中,我使用 window.history.back 导航回上一个视图
In my application I am using window.history.back to navigate back to previous View
返回按钮的声明
<div class="back_icon" id="verification_back_icon"><a href="#" data-rel="back" data-transition="slidedown"><img src="images/back_btn.png" width="23"/></a></div>
按钮操作:
$( "#verification_back_icon" ).on( "click", function ( e ) {
if ( checkDirtyVacation() ) {
e.preventDefault();
if ( backbtnAlt == false ) {
backbtnAlt = true;
confirm( "All data will be lost. Do you want to continue?",
function ( r ) {
if ( r ) {
//onBackKeyDown();
clearVacationvalues();
window.history.back();//this is not working in iOS 9
} else {
}
backbtnAlt = false;
} );
}
}
else {
e.preventDefault();
if ( $( ".vaction_location" ).hasClass( "chkSelect" ) ) {
$( ".vaction_location" ).removeClass( "chkSelect" );
$( ".vaction_location" ).addClass( "chkUnSelect" );
}
window.history.back();
}
} );
这在 iOS 8.4 之前一直有效.在 iOS 9 中,此导航不起作用.
This worked perfectly till iOS 8.4. In iOS 9 this navigation is not working.
我使用的是 Apache Cordova 本机平台版本 3.8.0
.
如果有人遇到类似问题,请给我建议.我试过 history.back 没有不能在使用 Cordova 的 iOS 上工作,但没有运气
If anyone facing the similar problem please suggest me. I have tried with history.back doesn't work on iOS using Cordova, but no luck
谢谢.
推荐答案
解决方案:
这一行解决了我的问题:
This line resolved my issue :
history.go(0);
我已经用 history.go(0);
现在它在 iOS 9 中运行良好
Now it is working fine for me in iOS 9
在 index.html
<script type="text/javascript">$.mobile.hashListeningEnabled = false;</script>
在 onDeviceReady 函数中添加:
function onDeviceReady() {
if ( device.platform === "iOS" && parseInt( device.version ) === 9 ) {
$.mobile.hashListeningEnabled = false;
}
if ( !( $.mobile.hashListeningEnabled &&
$.mobile.path.isHashValid( location.hash ) &&
( $( hashPage ).is( ":jqmData(role='page')" ) ||
$.mobile.path.isPath( hash ) ||
hash === $.mobile.dialogHashKey ) ) ) {
// make sure to set initial popstate state if it exists
// so that navigation back to the initial page works properly
if ( $.event.special.navigate.isPushStateEnabled() ) {
$.mobile.navigate.navigator.squash( path.parseLocation().href );
}
$.mobile.changePage( $.mobile.firstPage, {
transition: "none",
reverse: true,
changeHash: false,
fromHashChange: true
} );
} else {
// trigger hashchange or navigate to squash and record the correct
// history entry for an initial hash path
if ( !$.event.special.navigate.isPushStateEnabled() ) {
$window.trigger( "hashchange", [true] );
} else {
// TODO figure out how to simplify this interaction with the initial history entry
// at the bottom js/navigate/navigate.js
$.mobile.navigate.history.stack = [];
$.mobile.navigate( $.mobile.path.isPath( location.hash ) ? location.hash : location.href );
}
}
}
设备操作系统版本验证(因为 history.go(0)
仅适用于 iOS 9) 在 iOS 9 版本之前 window.history.back()
工作完美
Validation for device OS version (as history.go(0)
is working only with iOS 9) Prior to iOS 9 version window.history.back()
working perfectly
现在添加这段代码代替 window.history.back()
if ( device.platform === "iOS" && parseInt( device.version ) === 9 ) {
console.log( "version" + device.version );
console.log( "iOS 9" );
history.go( 0 );
//write your code here
}
else {
window.history.back();
}
要修复此消息无法加载网页并出现错误:CDVWebViewDelegate:当 state=1 时导航开始"在控制台中添加以下代码在 CDVWebViewDelegate.m
To fix this Message "Failed to load webpage with error: CDVWebViewDelegate: Navigation started when state=1" in console add below code in CDVWebViewDelegate.m
在 - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
In - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType
方法注释这段代码如下所示:
Method Comment this piece of code shown below:
/*if ([_delegate respondsToSelector:@selector(webView:didFailLoadWithError:)]) {
NSDictionary* errorDictionary = @{NSLocalizedDescriptionKey : description};
NSError* error = [[NSError alloc] initWithDomain:@"CDVWebViewDelegate" code:1 userInfo:errorDictionary];
[_delegate webView:webView didFailLoadWithError:error];
}*/
这篇关于Cordova - window.history.back() 不适用于 iOS 9 中的 HTML 后退按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!