質問編集履歴
2
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -27,3 +27,47 @@
|
|
27
27
|
at slick.min.self-0c7178cc6ca34fb18e30f070a5e7a1c287b2d7ccfcba2cfdf06e0f46eda55740.js?body=1:1
|
28
28
|
|
29
29
|
```
|
30
|
+
|
31
|
+
```ここに言語を入力
|
32
|
+
|
33
|
+
Rails 5.2.1
|
34
|
+
|
35
|
+
ruby 2.5.
|
36
|
+
|
37
|
+
```
|
38
|
+
|
39
|
+
```js
|
40
|
+
|
41
|
+
$function() {
|
42
|
+
|
43
|
+
$('.voice-mobile').slick({
|
44
|
+
|
45
|
+
dots: true,
|
46
|
+
|
47
|
+
autoplay: true,
|
48
|
+
|
49
|
+
autoplaySpeed: 7000,
|
50
|
+
|
51
|
+
});
|
52
|
+
|
53
|
+
$('.slick-dots li').on('mouseover', function() {
|
54
|
+
|
55
|
+
$('.voice-mobile').slick('goTo', $(this).index());
|
56
|
+
|
57
|
+
});
|
58
|
+
|
59
|
+
});
|
60
|
+
|
61
|
+
```
|
62
|
+
|
63
|
+
application/html.erb
|
64
|
+
|
65
|
+
```
|
66
|
+
|
67
|
+
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
|
68
|
+
|
69
|
+
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
|
70
|
+
|
71
|
+
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
|
72
|
+
|
73
|
+
```
|
1
追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,3 +7,23 @@
|
|
7
7
|
どのようなワードで検索すればよろしいか知りたいです。
|
8
8
|
|
9
9
|
よろしくお願いします。
|
10
|
+
|
11
|
+
###追記
|
12
|
+
|
13
|
+
下記サイトを参考にslickを実装。
|
14
|
+
|
15
|
+
https://qiita.com/hitochan/items/e50733e5ab61a78a2edd
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
Chrome Developer Toolsで確認するとうまくできているにも関わらず、デプロイすると、全ページが表示されており、slickがうまくできていません。
|
20
|
+
|
21
|
+
```
|
22
|
+
|
23
|
+
slick.min.self-0c7178cc6ca34fb18e30f070a5e7a1c287b2d7ccfcba2cfdf06e0f46eda55740.js?body=1:1 Uncaught ReferenceError: jQuery is not defined
|
24
|
+
|
25
|
+
at slick.min.self-0c7178cc6ca34fb18e30f070a5e7a1c287b2d7ccfcba2cfdf06e0f46eda55740.js?body=1:1
|
26
|
+
|
27
|
+
at slick.min.self-0c7178cc6ca34fb18e30f070a5e7a1c287b2d7ccfcba2cfdf06e0f46eda55740.js?body=1:1
|
28
|
+
|
29
|
+
```
|