質問編集履歴

4

jquery修正

2019/05/16 08:16

投稿

Mokn1356
Mokn1356

スコア22

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  ```jquery
8
8
 
9
- <script>
9
+
10
10
 
11
11
  $(document).ready(function(){
12
12
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  });
34
34
 
35
- </script>
35
+
36
36
 
37
37
  ```
38
38
 

3

HTML修正

2019/05/16 08:15

投稿

Mokn1356
Mokn1356

スコア22

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

バージョン追記

2019/05/16 08:06

投稿

Mokn1356
Mokn1356

スコア22

test CHANGED
@@ -1 +1 @@
1
- jjslick.jsについて(id名が消える)
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追加

2019/05/16 08:01

投稿

Mokn1356
Mokn1356

スコア22

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">