問題タブ [swiperjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
893 参照

reactjs - React で Swiper コールバック メソッドをどのように使用しますか?

コンポーネント クラスがあり.slideToLoop().update()と を使用できるようにする必要がありますが、Swiper React ライブラリでこれらのメソッドを使用する方法を理解できませんでした。

他の何かがクリックされたときにこれを行う必要があります。これにより、Swiper が更新され (最初は非表示になっているため)、関連するスライドに slideTo できるようになります。

現時点では、componentDidMount()React に移植しているため、jQuery でクリック トリガーを使用しています。ただし、変更したほうがよい場合は、これも喜んで変更します。クリックは孫コンポーネントで発生します。そして、スワイパーインスタンスを状態に設定していますが、それは の後componentDidMountに発生するため、そこからアクセスできません。

コード:

Swiper の return 部分:

ヘルプや提案をいただければ幸いです。

0 投票する
1 に答える
219 参照

swiper - onTouchStart ハンドラで SwiperJS からアクティブな要素のぼかし呼び出しを無効にする方法は?

onTouchStart イベント ハンドラーで SwiperJSからアクティブな要素でこのぼかし呼び出しを無効にすることは可能ですか?

背景:
タッチ デバイスとデスクトップ デバイスの場合、swiper-slides のフォームに swiper を使用しています。フォーム内でvue-select (コンボボックス) を使用しています。
問題: ユーザーがエントリを選択すると、エントリは 1 回目では選択されず、2 回目では選択されません。

codepen のこの例も参照してください

正しく動作しているように見えることがわかりました:

  • vue-select ボックスの入力フィールドで blur-listener を削除すると。ただし、ユーザーがフィールドを離れたときに選択リストを閉じるために使用されます。
  • SwiperJS でこのぼかし呼び出しをコメントアウトすると。なぜそこで使われるのかはわかりません。

最初のポイントはオプションではないので、設定で SwiperJS のぼかし呼び出しを無効にすることは可能ですか?