jQuery Mobile：滚动视图和滑动事件

Question

我有一个基本的JQM页面，在刷卡时显示左侧滑动菜单（如facebook移动应用程序）。它工作正常，直到我开始使用scrollview（正确保持标题固定）。当我滑过页面内容时，不会触发滑动事件（如果我在标题上滑动，它仍然有效。）

$('.ui-page-active').live("swiperight", function() {
    if (!menuStatus) {  
        showMenu();
    }
}); 

有没有人知道如何让它发挥作用？

干杯！

Answer 1

我认为你可能会发现在scrollview控件中使用了该事件。您可以覆盖该控件的javascript处理程序，以允许它保持冒泡。

要覆盖该功能，您可以使用此技巧：Overriding a JavaScript function while referencing the original

快速浏览一下这个文件，看起来这个方法可以提供你想要的线索：

_handleDragMove：function（e，ex，ey）

具体来说：

var svdir = this.options.direction; if（！this._directionLock）

我使用的是此处显示的scrollview版本：http://jquerymobile.com/test/experiments/scrollview/scrollview-nested.html