swiper.js が動かないので教えてください

ネットで調べてswiper.jsをコピペで実装しようとしましたが、動きません。
何がいけないのかわからないので教えてください。

html
1<head>
2 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/css/swiper.min.css">
3    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/5.4.5/js/swiper.min.js"></script>
4    <script src="js/swiper.js"></script>
5</head>
6<body>
7<!-- Swiper START -->
8                <div class="swiper-container">
9                    <!-- メイン表示部分 -->
10                    <div class="swiper-wrapper">
11                        <!-- 各スライド -->
12                        <div class="swiper-slide"><img src="img/cherir-swiper1-img1-80.jpg" srcset="img/cherir-swiper1-img1-80.jpg 1x,img/cherir-swiper1-img1@2x-80.jpg 2x" alt=""></div>
13                        <div class="swiper-slide"><img src="img/cherir-swiper1-img2-80.jpg" srcset="img/cherir-swiper1-img2-80.jpg 1x,img/cherir-swiper1-img2@2x-80.jpg 2x" alt=""></div>
14                    </div>
15                    <div class="swiper-button-prev"></div>
16                    <div class="swiper-button-next"></div>
17                </div>
18                <!-- Swiper END -->
19</body>
20コード

js
1var Swiper = new Swiper('.swiper-container', {
2    navigation: {
3      nextEl: '.swiper-button-next',
4      prevEl: '.swiper-button-prev',
5    }
6  })
7コード

cssは特に設定していないです。
よろしくお願いします

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは。

こうすると、どうでしょうか。

html
1<script src="js/swiper.js"></script>
2<!-- ↑を↓の直前に移動する -->
3</body>
4

投稿2020/10/08 08:09

Lhankor_Mhy

総合スコア37488

shunsaku87

2020/10/08 08:11

ありがとうございます！動きました！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問