滑动导航不起作用

Posted 2023-02-23

【中文标题】滑动导航不起作用

【英文标题】：Swipe navigation not working

【发布时间】：2013-02-27 15:27:27

【问题描述】：

不确定它是否是我编写的方式，但是当我尝试在滑动时使用 jquery mobiles 更改页面功能时，它不允许我滑动到特定页面。我希望用户无论身在何处都能够滑动并进入主页。这就是我所拥有的。

<script>
 $( document ).bind( "swiperight", page, function() 
    $.mobile.changePage( "#home",  
    transition: "slide", 
    reverse: true  );
    );

</script>

javascript 不是我最强的语言，但我知道这应该可以工作。有什么想法吗？

【问题讨论】：

当您尝试滑动时会发生什么？您的页面是否只是滚动然后弹回？

它什么也没做。看起来它根本无法识别滑动

你的主页有id="home"吗？

是的，就 id 之类而言，一切都是正确的

【参考方案1】：

也许你需要这样做

$(document).swiperight(function() 
    $.mobile.changePage("#home",  
        transition: "slide", 
        reverse: true
    );
);

或

$('body').swiperight(function() 
    $.mobile.changePage("#home",  
        transition: "slide", 
        reverse: true
    );
);

Here is a working jsFiddle（不是我的）你可以参考。

【讨论】：

是的，仍然无法正常工作，不知道发生了什么。我在滑动之前设置了它，它只会回到历史上的上一页，但随着项目的发展，它变得越来越有问题。