2013-01-22 162 views
2

我使用的可能是我最喜歡的jQuery插件滑塊之一:bxSliderbxSlider觸摸啓用 - 禁用垂直觸摸事件,所以只能橫向觸摸事件工作

http://bxslider.com/options#touchEnabled

最近,他們已經與一些觸摸啓用了更新設備。這使您可以通過滑動滾動滑塊。

但是在我目前的項目中,我有一個幻燈片,佔據了我網站的整個寬度,當在設備上觀看時,用手指向下滾動,當我到達幻燈片時,我無法向下滾動頁面,而是將幻燈片從左向右滾動。

所以我的問題是,是否有可能禁用垂直觸摸事件,所以只當滾動水平刷卡工作。

var winnerSlider = $('#slider').bxSlider({ 

}); 

我有一個小提琴,如果任何人都可以幫助... http://jsfiddle.net/2Fcxw/10/

掃描QR下面以查看設備小提琴。

enter image description here

感謝

回答

9
$('#slider').bxSlider({ 
touchEnabled:false 
}); 

這應該工作。

+1

這不是解決方案,OP請求,這將禁用兩個X和Y軸全觸摸,並且他想要禁用只Y. – Alex

+0

幫我!謝謝! –

6
var winnerSlider = $('#slider').bxSlider({ 
    preventDefaultSwipeY: false 
}); 

preventDefaultSwipeY應該正是你所需要的。 http://bxslider.com/options#preventDefaultSwipeY

它應該現在默認設置,所以不需要聲明它。

想你的小提琴,它似乎是工作的罰款機智當前bxSlider(V4。1。2)。