2016-11-17 12 views
0

私はswiperを使用していくつかのアイテムを表示しています。スワイパー:ボタンで次のアイテムにスワイプし、以前のアイテムに手動で

ボタンをクリックしたときにのみ次の項目にスワイプしたいのですが、手動で前の項目にスワイプします。

allowSwipeToPrev:allowSwipeToNextは

(左または上に)前のスライド方向にスワイプ無効にするにはfalseに設定します。falseに設定します

人はスワイプに関連する関連するオプションです次のスライド方向へスワイプしないようにする(右または下に)

スワイプハンドラ:CSSでストリングスワイプするためにのみ可能なハンドラとして動作する選挙人や改ページとコンテナのHTML要素

nextButton:それをクリックした後、「次へ」ボタンのように動作しますCSSセレクタまたは要素のHTML要素を持つString

prevButton:私は番目としてswipeHandlerを使用している場合は、それ

をクリックした後、「前」ボタンのように動作しますCSSセレクタまたは要素のHTML要素を持つString eボタンセレクターを使用すると、となり、のスワイプの利用可能ハンドラーとして機能するので、前の項目にスワイプできないことを除いて、期待通りに機能します。。私が使っている他のオプションが何であっても。

私はfalseにallowSwipeToNextを設定し、nextButtonの代わりswipeHandlerを使用している場合、それは私がボタンをクリックした場合でも、次の項目にスワイプしません。

質問:ボタンでのみ次のアイテムにスワイプし、以前のアイテムには手動でスワイプする方法はありますか?

+0

あなたが次にスワイプできないswipeToNextを無効にすると、申し訳ありません。私はその質問を理解していない。 –

+0

@ MarcosPrezGude:ちょうど**マニュアル**スワイプを次のものにするのを止めたいですが、ボタンでスワイプして、手動でスワイプしてください。 – Manolo

答えて

1

は同じ問題を抱えていたし、このように解決:

var swiper = new Swiper('.swiper-container', { 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev', 
    spaceBetween: 30, 
}); 
// Locks the swipe to next by default 
swiper.lockSwipeToNext(); 

$("#button_id").click(function(e){ 
    e.preventDefault(); 
    // Unlocks the swipe to next when the button is clicked 
    swiper.unlockSwipeToNext(); 
    // Swipes to the next slide 
    swiper.slideNext(); 
    // Locks the swipe to next again after moving to the next slide 
    swiper.lockSwipeToNext(); 
}); 

私はそれはあなたを助け願っています!

関連する問題