質問編集履歴

3

文の修正

2021/09/15 01:33

投稿

naoki1128
naoki1128

スコア3

test CHANGED
File without changes
test CHANGED
@@ -158,6 +158,4 @@
158
158
 
159
159
  ### 試したこと
160
160
 
161
-
162
-
163
- JQueryの再インストールをしたのですが直りせん
161
+ $ is not defined 検索し、ざまな方法を試してもダメでした。。

2

ソースコード詳細

2021/09/15 01:33

投稿

naoki1128
naoki1128

スコア3

test CHANGED
@@ -1 +1 @@
1
- Railsでスライド機能を実装したいです。
1
+ Railsでスライド機能を実装したいです。。。
test CHANGED
@@ -4,7 +4,9 @@
4
4
 
5
5
  railsで複数画像表示機能をslickを使って実装したいのですが、
6
6
 
7
- スライドにならず、画像が縦に表示さます
7
+ スライドになりません。どの箇所を改善すばよろしいでしょうか。。
8
+
9
+ 初歩的な質問ですいません。
8
10
 
9
11
 
10
12
 
@@ -24,11 +26,35 @@
24
26
 
25
27
  ### 該当のソースコード
26
28
 
27
- ```rails
29
+ ```erb
28
30
 
29
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
31
+ <head>
30
32
 
33
+ <%= csrf_meta_tags %>
34
+
35
+ <%= csp_meta_tag %>
36
+
37
+ <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
38
+
39
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
40
+
41
+
42
+
43
+ <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
44
+
45
+
46
+
47
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
48
+
31
- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
49
+ <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
50
+
51
+
52
+
53
+ <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
54
+
55
+ <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
56
+
57
+ </head>
32
58
 
33
59
  ```
34
60
 
@@ -36,9 +62,43 @@
36
62
 
37
63
  ```css
38
64
 
39
- @import "slick-theme";
65
+ /*
40
66
 
67
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
68
+
69
+ * listed below.
70
+
71
+ *
72
+
73
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
74
+
75
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
76
+
77
+ *
78
+
79
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
80
+
81
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
82
+
83
+ * files in this directory. Styles in this file should be added after the last require_* statement.
84
+
85
+ * It is generally better to create a new file per style scope.
86
+
87
+ *
88
+
89
+ *= require_tree .
90
+
91
+ *= require_self
92
+
93
+ */
94
+
95
+
96
+
97
+ @import "slick-theme";
98
+
41
- @import "slick";
99
+ @import "slick";
100
+
101
+
42
102
 
43
103
  ```
44
104
 

1

初心者

2021/09/14 22:51

投稿

naoki1128
naoki1128

スコア3

test CHANGED
File without changes
test CHANGED
File without changes