teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

ご指摘ありがとうございます。body内のscript部分の記述を追記しました。また他のJQueryプラグインも使っているので一応追記しました。他のプラグインは動作しています。

2020/05/08 04:30

投稿

WebBeginnerK
WebBeginnerK

スコア3

title CHANGED
File without changes
body CHANGED
@@ -20,6 +20,67 @@
20
20
  ### 該当のソースコード
21
21
 
22
22
  ```HTML
23
+
24
+ <!doctype html>
25
+ <html lang="ja">
26
+
27
+ <head>
28
+
29
+ <!-- Google Fonts -->
30
+ <link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap"
31
+ rel="stylesheet">
32
+
33
+ <!-- Required meta tags -->
34
+ <meta charset="utf-8">
35
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
36
+
37
+ <!-- Bootstrap CSS -->
38
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
39
+ integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
40
+
41
+ <!-- Style CSS -->
42
+ <link rel="stylesheet" href="css/styles.css">
43
+
44
+ <!-- Responsive CSS -->
45
+ <link rel="stylesheet" href="css/responsive.css">
46
+
47
+ <!-- Font Awesome -->
48
+ <script src="https://kit.fontawesome.com/48317d2fd7.js" crossorigin="anonymous"></script>
49
+
50
+ <!-- Swiper -->
51
+ <script src="/js/swiper.min.js"></script>
52
+ <link rel="stylesheet" href="/css/swiper.min.css">
53
+
54
+ <!-- wow -->
55
+ <script src="js/wow.min.js"></script>
56
+ <link rel="stylesheet" href="/css/animate.css">
57
+
58
+
59
+ <!-- 該当のdrawer要素 -->
60
+
61
+ <!-- drawer.css -->
62
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">
63
+
64
+ <!-- jquery & iScroll -->
65
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
66
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
67
+
68
+ <!-- drawer.js -->
69
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
70
+
71
+ <!-- ここまで -->
72
+
73
+
74
+ <!-- smooth-scroll.js -->
75
+ <script src="/js/smooth-scroll.polyfills.min.js"></script>
76
+
77
+ <!-- floating js -->
78
+ <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
79
+
80
+ <title>練習ページ</title>
81
+ </head>
82
+
83
+
23
84
  <body class="drawer drawer--right">
24
85
 
25
86
  <!-- header -->