7

私はおそらく私のお気に入りの jquery スライダー プラグインの 1 つを使用しています: bxSlider

http://bxslider.com/options#touchEnabled

最近、デバイスのタッチを有効にするように更新されました。これにより、スワイプでスライダーをスクロールできます。

しかし、現在のプロジェクトでは、ウェブサイトの幅全体を占めるスライドショーがあり、デバイスで表示すると、指で下にスクロールすると、スライドショーに到達すると、ページを下にスクロールできません代わりに、スライドショーは左から右にスクロールします。

だから私の質問は、スクロールが水平にスワイプされたときにのみ機能するように、垂直方向のタッチイベントを無効にすることは可能ですか?

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

});

誰かが助けてくれるなら、私はフィドルを持っています... http://jsfiddle.net/2Fcxw/10/

下の qr をスキャンして、デバイスのフィドルを表示します。

ここに画像の説明を入力

ありがとう

4

3 に答える 3

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

これはうまくいくはずです。

于 2013-12-11T12:39:54.283 に答える
9 
var winnerSlider = $('#slider').bxSlider({
    preventDefaultSwipeY: false
});

preventDefaultSwipeYまさにあなたが必要としていたものでなければなりません。 http://bxslider.com/options#preventDefaultSwipeY

現在はデフォルトで設定されているはずなので、宣言する必要はありません。

フィドルを試してみましたが、現在の bxSlider (v4. 1. 2) でうまく動作しているようです。

于 2015-04-29T13:49:49.653 に答える