Question

在JQM中我的后退按钮有一个相当恼人和不寻常的问题。我有一切设置和工作，页面过渡滑动很好，后退按钮工作正常。但是，只要我在应用程序中加载视频（我正在使用rel =“external”）然后导航回主页，向后幻灯片转换就不能在最后一个背面（在主页上登陆我的那个）然后运行我的菜单轮播的javascript无法加载。这只发生在我加载视频然后尝试使用后退按钮返回菜单，如果我没有加载视频一切正常的功能。

奇怪的是，这在Safari中不会发生，但在Chrome中以及当应用程序打包在xcode中并在模拟器中运行时会发生。

我正在使用自定义图像作为后退按钮，因此我的后退按钮代码如下：

<div data-role="page" id="page1">

<div data-role="header" data-tap-toggle="false" data-position="fixed" class="header" data-id="myheader">
        <div id="backarrow">
           <a href="javascript:history.back()">
                <img src="img/Arrow_Icon_JQuery_Design.png" width="6%" alt=""/>
           </a>
         </div>
    </div>

以及链接到视频的代码：

<div class="watchvidbutton">
  <a href="videos/video_1.mp4" rel="external">
   <img src="img/Watch_Video_2_JQuery_Icon.png" width="25%" alt=""/>
  </a></div>

仅供参考，主页和视频之间只有3次跳转。导航结构如下所示：

#page ---> #page1 ---> #page2(video link on this page)

#page2 ----> #page1 ----(broken back button behaviour)---> #page

提前感谢任何见解。

Answer 1

尝试在JQM上使用本机后退按钮，而不是使用javascript方法（history.back）。试试这个：

<a data-direction="reverse" data-icon="back" data-rel="back" data-iconpos="notext" data-transition="slide">Back</a>

不寻常的后退按钮行为jquery mobile，phonegap / cordova

1 个答案: