bxsliderを使ってスワイプ機能をONにしたスライダーを実装しています。
その際、スマホで見たときにスライダーの画像の中にあるリンクが効かなくなってしまいます。
一回スワイプ機能をOFFにするとリンクが効くようになるのですが、スワイプ機能をONにしたまま、リンクが効くように
設定をしたいのですが、どのように行えばよいでしょうか?
ご回答のほど宜しくお願いします。
<link href="jquery.bxslider.css" rel="stylesheet" /> <script src="jquery-3.1.1.min.js"></script> <script src="jquery.bxslider.js"></script> <script> $(document).ready(function(){ $('.bxslider').bxSlider({ mode: 'fade', auto: true, }); }); </script> <ul class="bxslider"> <li><a href="https://www.yahoo.co.jp/">リンクボタン</a><img src="images/pic1.jpg" /></li> <li><img src="images/pic2.jpg" /></li> <li><img src="images/pic3.jpg" /></li> </ul>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。