2012-01-05 61 views
1

我有一个基本的JQM页面,它在滑动时显示左侧滑动菜单(如Facebook移动应用程序)。它工作正常,直到我开始使用scrollview(适当保持标题固定)。当我滑过我的页面内容时,不会触发滑动事件(如果我在页眉上滑动,它仍然有效)。jQuery Mobile:滚动视图和滑动事件

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

有没有人有任何想法如何使它的工作?

干杯!

回答

0

我想你可能会发现该事件是在scrollview控件中消耗的。您可以覆盖该控件的JavaScript处理程序以允许它继续冒泡。

覆盖您可以使用这种技术的功能:Overriding a JavaScript function while referencing the original

有一个快速浏览一下文件,它看起来像你想要的这种方法可容纳线索:

_handleDragMove:功能(E ,EX,EY)

具体:

变种svdir = this.options.direction; 如果

我用这里显示的滚动型的版本(this._directionLock!):http://jquerymobile.com/test/experiments/scrollview/scrollview-nested.html

+0

感谢队友,它的工作原理就像一个魅力! – PBN 2012-01-05 03:41:49