###前提・実現したいこと
swiper.jsを使用したいのですが、うまく動作しません。
エラーメッセージ
</html>スライダーのボタンは表示されているのですが、押しても反応しません。 braketsのプレビュー機能で確認しながら作業しています。 ###該当のソースコード ```ここに言語を入力 ここにご自身が実行したソースコードを書いてください ```ここに言語を入力 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" href="top.css" type="text/css"> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css"> <style> html, body { position: relative; height: 100%; } body { background: white; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px; color:#000; margin: 0; padding: 0; } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } </style> </head> <body> <header id="header"> <ul class="float"> <li>ABOUT</li> <li>SHOP</li> <li>PHOTO</li> </ul> <div class="icon"> <ul> <li><img src="ichijyoji_web_icon-1.jpg"></li> <li><img src="ichijyoji_web_icon-2.jpg"></li> <li><img src="ichijyoji_web_icon-3.jpg"></li> </ul> </div> <div class="main_logo"><img src=ichijyoji_web_mainlogo.jpg></div> <!-- Slider main container --> <div class="swiper-container"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide"><img src="main.jpg"></div> <div class="swiper-slide"><img src="main2.jpg"></div> <div class="swiper-slide"><img src="main3.jpg"></div> </div> <!-- ページネーション --> <div class="swiper-pagination"></div> <!-- ナビゲーションボタン --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <!-- Swiper JS --> <script src="../dist/js/swiper.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', paginationClickable: true, spaceBetween: 30, centeredSlides: true, autoplay: 2500, autoplayDisableOnInteraction: false }); </script> </header> <div id="side"> </div> <main id="main"> </main> <footer id="footer"> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script> </body>
###試したこと
同じ階層にjsとcssのファイルは入っています。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報