質問編集履歴

1

index.phpの記述内容を更新しました。

2019/09/08 21:45

投稿

kp4livateen
kp4livateen

スコア32

test CHANGED
File without changes
test CHANGED
@@ -28,11 +28,37 @@
28
28
 
29
29
  <script type="text/javascript" src="js/slick.min.js"></script>
30
30
 
31
+
32
+
33
+ <!-- drawer.js -->
34
+
35
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.1/css/drawer.min.css">
36
+
37
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.1.3/iscroll.min.js"></script>
38
+
39
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.1/js/drawer.min.js"></script>
40
+
31
41
  </head>
32
42
 
33
43
 
34
44
 
45
+ <body class="drawer drawer--right">
46
+
47
+
48
+
49
+ <div class="main">
50
+
51
+
52
+
53
+ <!-- ドロワー -->
54
+
55
+
56
+
35
- <body>
57
+ <div>
58
+
59
+ ドロワーの要素
60
+
61
+ </div>
36
62
 
37
63
 
38
64
 
@@ -58,6 +84,28 @@
58
84
 
59
85
 
60
86
 
87
+ <div>
88
+
89
+ メインコンテンツ(一切いじってない要素です)
90
+
91
+ </div>
92
+
93
+
94
+
95
+ <?php include("sidebar.php");?>
96
+
97
+
98
+
99
+ </div><!-- main -->
100
+
101
+
102
+
103
+ <?php include("footer.php");?>
104
+
105
+
106
+
107
+ <!-- slick.js -->
108
+
61
109
  <script>
62
110
 
63
111
  $('.slider').slick({
@@ -69,6 +117,18 @@
69
117
  dots:true,
70
118
 
71
119
  });
120
+
121
+ </script>
122
+
123
+ <!-- drawer.js -->
124
+
125
+ <script>
126
+
127
+ $(document).ready(function() {
128
+
129
+ $('.drawer').drawer();
130
+
131
+ });
72
132
 
73
133
  </script>
74
134