$.mobile.changePage 不工作

Question

我正在使用 $.mobile.changePage 在单击 listview 元素时在新页面上转换。

这就是我的使用方式，

$('ul').children('li').on('click', function () {
 created_date = $.trim($(this).text());
 $.mobile.changePage( "Image.html", {
  transition: 'slide',
  reverse: 'true'
 });                    
});

这是html页面

<div data-role="page" id="SavedImage" >
 <div data-role="header">
  <h1></h1>
  <a href="#"></a>
 </div>
 <div data-role="content">
  <img src="Image/InScope.png" alt="" style="height:100%; width:100%;" />
 </div>
 <div data-role="footer">
 </div>
</div>

它跳转到image.html，当我点击返回按钮时，它必须跳转到listview。但是它跳转到listview页面并再次返回到image.html页面。

如何防止它回到image.html。

Answer 1

我看不到您的其余代码，但我想我理解您的问题。如果我推断正确，您的问题很容易解决，我认为您没有告诉我们一切。

让我猜一下，第一次效果很好，但每隔一段时间就会出现你描述的问题。

将您的点击绑定代码更改为：

$('ul').children('li').off('click').on('click', function () { 
    created_date = $.trim($(this).text());

    $.mobile.changePage( "Image.html", {
                        transition: 'slide',
                        reverse: 'true'
    });
});

基本上每次你返回到你的列表页面点击事件都会被再次绑定。每次绑定时，单击 li 元素将触发几个 changePage 事件，这些事件将导致您的问题。