0

我在 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

提前感谢您的任何见解。

4

1 回答 1

1

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

<a data-direction="reverse" data-icon="back" data-rel="back" data-iconpos="notext" data-transition="slide">Back</a>
于 2013-09-24T13:04:34.487 回答