三月 11, 2016

idangerous Swiper内にSELECTを置くと動作しない件の対応方法

Swiperって?

Webページをスワイプ対応にするライブラリ。
http://www.idangero.us/swiper/

この記事は、Swiper 3.1.2 で動作確認した。
Ver 3未満の場合は別の方法が必要。

問題

IE 11 / Edge で、スワイプエリア内のセレクトボックスが選択できなくなる。
具体的には、ドロップダウンは表示されるが、選択できない状態になる。

解決策

SELECTタグに、 class="swiper-no-swiping" を追加する。
たったこれだけ。