0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

SwiperのSwiper instanceは、new Swiper実行時以外でもアクセスできる

Posted at

案件で使われてたなーって懐かしく思って、ドキュメントを見てたら気づいたこと。

API Docsに書いてあるけどSwiper Instanceを作成後、swiperContainerのswiperプロパティにSwiper Instanceが格納される。
そのため、例えば共通のJavaScriptでnew Swiperを実行していてページ側から返り値にアクセスできない状態であっても、下記の例のようにdocument.querySelectorなどでswiperContainerであるHTML要素を取得し、そのswiperプロパティからSwiper Instanceにアクセスしてスライダーの枚数を動的に変更できる。

See the Pen Untitled by sinkingseawheat (@SinkingSeaWheat) on CodePen.

ドキュメントの下側のメソッドとかばっかり見てたから気づかなかった…

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?