###前提・実現したいこと
C#のMVCでのswiper.jsの使い方についての質問です。
様々な参考サイトを閲覧させて頂きながら、以下のコードのようにprevボタンとnextボタンを用意・設定しました。
しかし、ボタンを押してもスライドされない状況です。
設定の仕方等間違いがありましたら教えてください。
###Index.cshtml
<head> <link rel="stylesheet" href="~/Content/swiper.min.css"> </head> <body> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> Slide-01 </div> <div class="swiper-slide"> Slide-02 </div> <div class="swiper-slide"> Slide-03 </div> </div> <!-- 必要に応じて以下の機能を追加 --> <div class="swiper-pagination"></div> <!-- ページネーション --> <div class="swiper-button-prev"></div> <!-- ボタンプレビュー --> <div class="swiper-button-next"></div> <!-- nextボタン --> <div class="swiper-scrollbar"></div> <!-- スクロールバー --> </div> <script src="~/Scripts/jquery-1.10.2.min.js"></script> <script src="~/Scripts/swiper.js"></script> <script src="~/Scripts/index.js"></script> </body>
###index.js
(function () { var mySwiper = new Swiper ( '.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', scrollbar: '.swiper-scrollbar' } ); }());
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/27 12:52