Swiperのインスタンスの取得方法と使い方

Swiperは非常に人気のあるスライダーライブラリで、多機能ながらシンプルなAPIを提供しています。特定のSwiperのインスタンスにアクセスするには、以下の方法で取得できます:

var mySwiper = document.querySelector('.swiper').swiper;

この方法で取得したSwiperのインスタンスには、Swiperの各種メソッドが利用可能です。例えば、次のスライドに移動する場合:

mySwiper.slideNext();

また、jQueryのeach関数などの中でSwiperのインスタンスを参照する場合、$(this).swiperの代わりにthis.swiperを使用する点に注意が必要です。

これは、SwiperのインスタンスはDOM要素自体に関連付けられているため、jQueryオブジェクトではなく純粋なJavaScriptのオブジェクトとしてアクセスする必要があるためです。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール