【发布时间】:2015-09-28 09:58:23
【问题描述】:
我只是在处理一个应用程序。上周开始后,我添加了几页。今天我尝试实现后退按钮,但我失去了理智......现在我试图让它工作四个小时,但我无法做到,因为 iOS 9 中有一些奇怪的行为。
所以为了更好地理解我的硬件设置:
- Mac Mini - OS X - Yosemite 10.10.5
- iPhone 6S - iOS 9.0.1 (13A405)
- iPhone 6+ - iOS 9.0 测试版 (13A4305g)
- iPhone 5 - iOS 9.0 (13A344)
- iPad 4 - iOS 8.3 (12F69)
为了更好地理解我的应用程序设置:
- 版本 5.3.3 的 Cordova
- Cordova 平台 iOS 版本 3.9.1
- jQuery 在 2.1.4 缩小
- jQuery mobile 在 1.4.5 缩小
问题
所以我想通过 jQuery 在我的应用程序中实现一个后退按钮。通常的方法是添加一个带有data-rel="back" 和data-transition="reverse" 等属性的href。所以我的代码如下所示:
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.4.5.min.css">
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<title>Hello World</title>
</head>
<body>
<div data-role="page" id="page1">
This is page 1<br />
<br />
<a href="#page2" data-transition="slide">
Go to page 2
</a>
</div>
<div data-role="page" id="page2">
This is page 2<br />
<br />
<a href="#" data-rel="back" data-transition="reverse">
Go back to page 1
</a>
</div>
</body>
</html>
后退按钮在 iOS 9 和 iOS 9.0.1 中不起作用。在 iOS 8.3 中一切正常。那么关于这个问题有什么已知的吗?有人听说过吗?还是我完全错了,做错了什么?由于我无法在 android 上对其进行测试,如果有人能做到这一点,那就太好了。
http://codepen.io/anon/pen/vNyrgB
现在等待您的反馈...提前致谢!
【问题讨论】:
标签: javascript jquery ios cordova webkit