swiper を使用して作成したスライダーの中に、モーダルを開くためのボタンを配置しています。
スライダーの外に出すと機能するのですが、中に置くと動かなくなります。
<a href="#modal">
のように記述して、hrefの値に対応したモーダルを開く作りなのですが、
スライダーの中のものをクリックするとURLが http://example.com/#modal
のようになってしまい、 e.preventDefault()
が効いていないようです。
下記がswiperの設定です。
preventClicks
と preventClicksPropagation
はあとから追加してみたのですが変わらずでした。
おわかりになるかた、よろしくお願いいたします。
new Swiper('.swiper-container', { pagination: { el: '.swiper-pagination', }, // Navigation arrows navigation: { nextEl: '.some-class-yyy', prevEl: '.some-class-xxx', }, loop: true, effect: 'fade', fade: { crossFade: true }, preventClicks: false, preventClicksPropagation: false });
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/20 07:14