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：功能（E ，EX，EY）

具體：

變種svdir = this.options.direction; 如果

我用這裏顯示的滾動型的版本（this._directionLock！）：http://jquerymobile.com/test/experiments/scrollview/scrollview-nested.html