teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

問題かと思われるファイルの追加と各ファイルの名前を追加しました。

2021/01/27 11:46

投稿

korogi
korogi

スコア12

title CHANGED
@@ -1,1 +1,1 @@
1
- alt属性が写真が表示されているのにもかかわらず表示されてしまう
1
+ alt属性が写真が表示されているのにもかかわらず表示されてしまうというエラーです。
body CHANGED
@@ -1,4 +1,6 @@
1
+ ```ここに言語を入力
2
+ コード index.html.erbです。
1
- **写真が表示されているにもかかわらずalt属性が作動してしまいます。何が問題なのでしょうかhtmlをcssの順番に載せております。また挿入したハンバーグボタンも表示されません。わかる方がいらっしゃいましたらぜひよろしくお願い致します。**
3
+ ```**写真が表示されているにもかかわらずalt属性が作動してしまいます。何が問題なのでしょうかhtmlをcssの順番に載せております。また挿入したハンバーガーメニューも表示されません。わかる方がいらっしゃいましたらぜひよろしくお願い致します。今回の表示は画面のスクショをしたのですがスクショのファイルサイズが2.7MBだったため載せることができませんでした、、すみません。、**
2
4
  ``` <header>
3
5
  <title>swapapp</title>
4
6
  <p>あなたの欲しいがきっと見つかる</p>
@@ -38,7 +40,7 @@
38
40
  <% end %>```ここに言語を入力
39
41
  コード
40
42
  ```
41
- コードhtml
43
+ コードindex.cssです。
42
44
  ``````header{
43
45
  z-index:1;
44
46
  }
@@ -164,4 +166,24 @@
164
166
  }
165
167
  }
166
168
  コードcss
169
+ ``````index.jsです。
170
+ ```
171
+ ```ここに言語を入力
172
+ // Load all the channels within this directory and all subdirectories.
173
+ // Channel files must be named *_channel.js.
174
+
175
+ const channels = require.context('.', true, /_channel.js$/)
176
+ channels.keys().forEach(channels)
177
+
178
+ //ハンバーガーボタンの記述
179
+ $(document).ready(function() {
180
+ $(".menu-trigger").click(function () {
181
+ $(this).toggleClass("active");
182
+ $(this).next().toggleClass("onanimation");
183
+ $('ul li').hide();
184
+ $('ul li').each(function(i) {
185
+ $(this).delay(80 * i).fadeIn(500);
186
+ });
187
+ });
188
+ });
167
189
  ```