質問編集履歴
4
jquery修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
```jquery
|
8
8
|
|
9
|
-
|
9
|
+
|
10
10
|
|
11
11
|
$(document).ready(function(){
|
12
12
|
|
@@ -32,7 +32,7 @@
|
|
32
32
|
|
33
33
|
});
|
34
34
|
|
35
|
-
|
35
|
+
|
36
36
|
|
37
37
|
```
|
38
38
|
|
3
HTML修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -176,6 +176,100 @@
|
|
176
176
|
|
177
177
|
|
178
178
|
|
179
|
+
|
180
|
+
|
181
|
+
▽Clone部分
|
182
|
+
|
183
|
+
```html
|
184
|
+
|
185
|
+
<!-- Clone -->
|
186
|
+
|
187
|
+
|
188
|
+
|
189
|
+
<li class="slick-slide slick-cloned slick-active" data-slick-index="5" aria-hidden="false" style="width: 255.783px;" tabindex="-1">
|
190
|
+
|
191
|
+
<div class="colum4_col" id="">
|
192
|
+
|
193
|
+
<p class="point"><img src="images/point01.png" alt=""></p>
|
194
|
+
|
195
|
+
<p class="title">タイトル</p>
|
196
|
+
|
197
|
+
<p class="text">文章</p>
|
198
|
+
|
199
|
+
<p class="detail_btn"><a href="" tabindex="0">詳しくはこちら</a></p>
|
200
|
+
|
201
|
+
</div>
|
202
|
+
|
203
|
+
</li>
|
204
|
+
|
205
|
+
|
206
|
+
|
207
|
+
<li class="slick-slide slick-cloned slick-active" data-slick-index="6" aria-hidden="false" style="width: 255.783px;" tabindex="-1">
|
208
|
+
|
209
|
+
<div class="colum4_col" id="">
|
210
|
+
|
211
|
+
<p class="point"><img src="images/point02.png" alt=""></p>
|
212
|
+
|
213
|
+
<p class="title">タイトル</p>
|
214
|
+
|
215
|
+
<p class="text">文章</p>
|
216
|
+
|
217
|
+
<p class="detail_btn"><a href="" tabindex="0">詳しくはこちら</a></p>
|
218
|
+
|
219
|
+
</div>
|
220
|
+
|
221
|
+
</li>
|
222
|
+
|
223
|
+
|
224
|
+
|
225
|
+
<li class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" style="width: 255.783px;" tabindex="-1">
|
226
|
+
|
227
|
+
<div class="colum4_col" id="">
|
228
|
+
|
229
|
+
<p class="point"><img src="images/point03.png" alt=""></p>
|
230
|
+
|
231
|
+
<p class="title">タイトル</p>
|
232
|
+
|
233
|
+
<p class="text">文章</p>
|
234
|
+
|
235
|
+
<p class="detail_btn"><a href="" tabindex="0">詳しくはこちら</a></p>
|
236
|
+
|
237
|
+
</div>
|
238
|
+
|
239
|
+
</li>
|
240
|
+
|
241
|
+
|
242
|
+
|
243
|
+
<li class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" style="width: 255.783px;" tabindex="-1">
|
244
|
+
|
245
|
+
<div class="colum4_col last" id="">
|
246
|
+
|
247
|
+
<p class="point"><img src="images/point04.png" alt=""></p>
|
248
|
+
|
249
|
+
<p class="title">タイトル</p>
|
250
|
+
|
251
|
+
<p class="text">文章</p>
|
252
|
+
|
253
|
+
<p class="detail_btn"><a href="" tabindex="0">詳しくはこちら</a></p>
|
254
|
+
|
255
|
+
</div>
|
256
|
+
|
257
|
+
</li>
|
258
|
+
|
259
|
+
|
260
|
+
|
261
|
+
<!-- Clone -->
|
262
|
+
|
263
|
+
```
|
264
|
+
|
265
|
+
上記クローン後からは通常通りid名がpoint01~04と追記されます。
|
266
|
+
|
267
|
+
|
268
|
+
|
269
|
+
|
270
|
+
|
271
|
+
|
272
|
+
|
179
273
|
原因が分からず質問させてもらいました。
|
180
274
|
|
181
275
|
|
2
バージョン追記
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
slick.jsについて(id名が消える)
|
test
CHANGED
@@ -1,3 +1,9 @@
|
|
1
|
+
バージョン:1.6.0
|
2
|
+
|
3
|
+
公式サイト:https://kenwheeler.github.io/slick/
|
4
|
+
|
5
|
+
|
6
|
+
|
1
7
|
```jquery
|
2
8
|
|
3
9
|
<script>
|
1
jquery追加
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
slick.jsについて(id名が消える)
|
1
|
+
jjslick.jsについて(id名が消える)
|
test
CHANGED
@@ -1,3 +1,37 @@
|
|
1
|
+
```jquery
|
2
|
+
|
3
|
+
<script>
|
4
|
+
|
5
|
+
$(document).ready(function(){
|
6
|
+
|
7
|
+
$('.your-class2').slick({
|
8
|
+
|
9
|
+
autoplay: true,
|
10
|
+
|
11
|
+
autoplaySpeed: 4000,
|
12
|
+
|
13
|
+
arrows: true,
|
14
|
+
|
15
|
+
dots: true,
|
16
|
+
|
17
|
+
slidesToShow: 4,
|
18
|
+
|
19
|
+
slidesToScroll: 1,
|
20
|
+
|
21
|
+
initialSlide: 0,
|
22
|
+
|
23
|
+
infinite: true
|
24
|
+
|
25
|
+
});
|
26
|
+
|
27
|
+
});
|
28
|
+
|
29
|
+
</script>
|
30
|
+
|
31
|
+
```
|
32
|
+
|
33
|
+
|
34
|
+
|
1
35
|
```html
|
2
36
|
|
3
37
|
<ul class="your-class2 colum4 pc">
|