質問編集履歴
2
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
prevArrow: '<div class="slick-prev"><span></span></div>',
|
|
86
86
|
nextArrow: '<div class="slick-next"><span></span></div>',
|
|
87
87
|
dots: false,
|
|
88
|
-
initialSlide: slideNum,
|
|
88
|
+
initialSlide: slideNum - 1,
|
|
89
89
|
});
|
|
90
90
|
});
|
|
91
91
|
});
|
1
＜発生している問題＞を更新
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
|
|
12
12
|
### ＜発生している問題＞
|
|
13
13
|
**「画像をクリックしたら同じ画像がモーダルウィンドウ内でスライド画像の最初として出てくる」**
|
|
14
|
-
の実装がうまくいかない。
|
|
14
|
+
の実装がうまくいかない状態です。
|
|
15
|
+
現状のコードだと、let slideNum = $(this).data('slide');でslideNumに値が入るところまではできているのですが、その後の$('[data-slide="' + slideNum + '"]').click(function() {・・・}が処理されず、スライダーが機能されていない状況です。
|
|
15
16
|
|
|
16
17
|
### ＜試したこと＞
|
|
17
18
|
slickのオプション設定でinitialSlideを使うと最初に出てくるスライドを制御できることが分かり、直接initialSlideの値を設定すると実現できました。
|