Swiperは非常に人気のあるスライダーライブラリで、多機能ながらシンプルなAPIを提供しています。特定のSwiperのインスタンスにアクセスするには、以下の方法で取得できます:
var mySwiper = document.querySelector('.swiper').swiper;
この方法で取得したSwiperのインスタンスには、Swiperの各種メソッドが利用可能です。例えば、次のスライドに移動する場合:
mySwiper.slideNext();
また、jQueryのeach
関数などの中でSwiperのインスタンスを参照する場合、$(this).swiper
の代わりにthis.swiper
を使用する点に注意が必要です。
これは、SwiperのインスタンスはDOM要素自体に関連付けられているため、jQueryオブジェクトではなく純粋なJavaScriptのオブジェクトとしてアクセスする必要があるためです。