質問編集履歴

2

コードの追加 写真の追加

2019/04/05 08:29

投稿

kudo681dx
kudo681dx

スコア10

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,476 @@
1
+ ```html
2
+
3
+ <!DOCTYPE html>
4
+
5
+ <html lang="ja">
6
+
7
+
8
+
9
+ <head>
10
+
11
+ <meta charset="UTF-8">
12
+
13
+ <title>三菱重工</title>
14
+
15
+ <link rel="stylesheet" href="./css/styles.css">
16
+
17
+ <link rel="stylesheet" href="./css/responsive.css">
18
+
19
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
20
+
21
+ <script src="js/jquery-3.3.1.min.js"></script>
22
+
23
+ <meta name="viewport" content="width=device-width,initial-scale=1">
24
+
25
+ <link rel="stylesheet" href="./slick-1.8.1/slick/slick.css">
26
+
27
+ <link rel="stylesheet" href="./slick-1.8.1/slick/slick-theme.css">
28
+
29
+ </head>
30
+
31
+
32
+
33
+ <body>
34
+
35
+ <header class="header-wide">
36
+
37
+ <div class="container">
38
+
39
+ <div class="header-logo hover">
40
+
41
+ <img src="./img/logo_jp.svg" alt="">
42
+
43
+ </div>
44
+
45
+ <div class="header-menu">
46
+
47
+ <div class="header-menu-top">
48
+
49
+ <ul>
50
+
51
+ <li>検索</li>
52
+
53
+ <li>ニュース</li>
54
+
55
+ <li>採用情報</li>
56
+
57
+ <li>GLOBAL SITE</li>
58
+
59
+ </ul>
60
+
61
+ </div>
62
+
63
+ <div class="header-menu-bottom">
64
+
65
+ <ul>
66
+
67
+ <li>企業情報</li>
68
+
69
+ <li>実績紹介</li>
70
+
71
+ <li>製品情報</li>
72
+
73
+ <li>CSR</li>
74
+
75
+ <li>IR情報</li>
76
+
77
+ <li>グローバルネットワーク</li>
78
+
79
+ </ul>
80
+
81
+ </div>
82
+
83
+ </div>
84
+
85
+ <div class="header-left">
86
+
87
+ <img src="./img/head_mhigroup_logo.svg" alt="">
88
+
89
+ </div>
90
+
91
+
92
+
93
+
94
+
95
+ </div>
96
+
97
+ </header>
98
+
99
+ <header class="header-small">
100
+
101
+ <div class="header-logo hover">
102
+
103
+ <img src="./img/logo_jp.svg" alt="">
104
+
105
+ </div>
106
+
107
+ </header>
108
+
109
+ <section class="slider-large">
110
+
111
+ <div class="container">
112
+
113
+ <div><img class="hover" src="./img/index_reds_kv_01.png" alt=""></div>
114
+
115
+ <div><img class="hover" src="./img/index_mtwf_kv_01_1.png" alt=""></div>
116
+
117
+ <div><img class="hover" src="./img/kv_spectra_01j.jpg" alt=""></div>
118
+
119
+ </div>
120
+
121
+ </section>
122
+
123
+ <section class="slider-small">
124
+
125
+ <div class="container">
126
+
127
+ <div><img class="hover" src="./img/index_reds_kv_02.png" alt=""></div>
128
+
129
+ <div><img class="hover" src="./img/index_mtwf_kv_02_2.png" alt=""></div>
130
+
131
+ <div><img class="hover" src="./img/kv_spectra_02j.jpg" alt=""></div>
132
+
133
+ </div>
134
+
135
+ </section>
136
+
137
+ <section class="news">
138
+
139
+ <div class="container">
140
+
141
+ <h1>ニュース</h1>
142
+
143
+ <table>
144
+
145
+ <tr class="hover">
146
+
147
+ <td class="news-time ">
148
+
149
+ <p>2043-12-04</p>
150
+
151
+ </td>
152
+
153
+ <td class="news-article ">
154
+
155
+ <h1>三菱日立パワーシステムズ株式会社</h1>
156
+
157
+ <p>中船重工龍江広瀚燃気輪機(GHGT)とH-25形ガスタービンの技術ライセンス契約(TLA)を締結</p>
158
+
159
+ </td>
160
+
161
+ </tr>
162
+
163
+ <tr class="hover">
164
+
165
+ <td class="news-time ">
166
+
167
+ <p>2030-04-04</p>
168
+
169
+ </td>
170
+
171
+ <td class="news-article ">
172
+
173
+ <h1>三菱日立パワーシステムズ株式会社</h1>
174
+
175
+ <p>中国・珠海市(広東省)の分散型発電所向けにH-25形ガスタービン2基受注華潤電力グループの12万kW級天然ガス焚きGTCCプロジェクトで</p>
176
+
177
+ </td>
178
+
179
+ </tr>
180
+
181
+ <tr class="hover">
182
+
183
+ <td class="news-time">
184
+
185
+ <p>2019-04-04</p>
186
+
187
+ </td>
188
+
189
+ <td class="news-article">
190
+
191
+ <h1>三菱日立パワーシステムズ株式会社</h1>
192
+
193
+ <p>中船重工龍江広瀚燃気輪機(GHGT)とH-25形ガスタービンの技術ライセンス契約(TLA)を締結</p>
194
+
195
+ </td>
196
+
197
+ </tr>
198
+
199
+ <tr class="hover">
200
+
201
+ <td class="news-time">
202
+
203
+ <p>2024-01-28</p>
204
+
205
+ </td>
206
+
207
+ <td class="news-article">
208
+
209
+ <h1>三菱日立パワーシステムズ株式会社</h1>
210
+
211
+ <p>中船重工龍江広瀚燃気輪機(GHGT)とH-25形ガスタービンの技術ライセンス契約(TLA)を締結</p>
212
+
213
+ </td>
214
+
215
+ </tr>
216
+
217
+ <tr class="hover">
218
+
219
+ <td class="news-time">
220
+
221
+ <p>2020-04-04</p>
222
+
223
+ </td>
224
+
225
+ <td class="news-article">
226
+
227
+ <h1>三菱重工業株式会社</h1>
228
+
229
+ <p>人事異動</p>
230
+
231
+ </td>
232
+
233
+ </tr>
234
+
235
+ <tr class="hover">
236
+
237
+ <td class="news-time">
238
+
239
+ <p>2019-04-24</p>
240
+
241
+ </td>
242
+
243
+ <td class="news-article">
244
+
245
+ <h1>Primetals Technologies, Ltd.</h1>
246
+
247
+ <p>英国のタタ・スチール・ポートタルボット製鉄所向け高炉改修工事が完工、稼働を開始</p>
248
+
249
+ </td>
250
+
251
+ </tr>
252
+
253
+ </table>
254
+
255
+ <h1>重要なお知らせ</h1>
256
+
257
+ <table>
258
+
259
+ <tr class="hover">
260
+
261
+ <td class="news-time">
262
+
263
+ <p>2030-04-04</p>
264
+
265
+ </td>
266
+
267
+ <td class="news-article">
268
+
269
+ <p>第21回および第22回「CSR委員会」の開催について</p>
270
+
271
+ </td>
272
+
273
+ </tr>
274
+
275
+ <tr class="hover">
276
+
277
+ <td class="news-time">
278
+
279
+ <p>2019-04-04</p>
280
+
281
+ </td>
282
+
283
+ <td class="news-article">
284
+
285
+ <p>第7回 原子力安全推進委員会 ステアリングコミッティ議事録</p>
286
+
287
+ </td>
288
+
289
+ </tr>
290
+
291
+ <tr class="hover">
292
+
293
+ <td class="news-time">
294
+
295
+ <p>2024-01-28</p>
296
+
297
+ </td>
298
+
299
+ <td class="news-article">
300
+
301
+ <h1>三菱ロジスネクスト株式会社</h1>
302
+
303
+ <p>フォークリフト用アスベスト含有補修用部品の出荷について</p>
304
+
305
+ </td>
306
+
307
+ </tr>
308
+
309
+ </table>
310
+
311
+ </div>
312
+
313
+ </section>
314
+
315
+ <section class="recruit">
316
+
317
+ <div class="container">
318
+
319
+ <h1>採用情報</h1>
320
+
321
+ <p>陸・海・空、そして宇宙に、あなたの力を発揮できる舞台があります。</p>
322
+
323
+ <a href="" class="btn">詳しく見る<i class="fas fa-angle-right"></i></a>
324
+
325
+
326
+
327
+ </div>
328
+
329
+ </section>
330
+
331
+ <section class="global-network">
332
+
333
+ <div class="container">
334
+
335
+ <h1>グローバルネットワーク</h1>
336
+
337
+ <p>世界300社以上のグループ会社、陸・海・空、そして宇宙で、活動しています。</p>
338
+
339
+ <a href="" class="btn">詳しく見る<i class="fas fa-angle-right"></i></a>
340
+
341
+
342
+
343
+ </div>
344
+
345
+ </section>
346
+
347
+ <section class="about">
348
+
349
+ <div class="container">
350
+
351
+ <h1>三菱重工グループについて</h1>
352
+
353
+ <p>三菱重工グループは、エンジニアリングとものづくりのグローバルリーダーとして、
354
+
355
+ 民間航空、輸送、発電所、ガスタービン、機械、インフラから防衛・宇宙システムにいたる幅広い産業で、
356
+
357
+ 最先端の技術や高いインテグレーション能力により、
358
+
359
+ 様々な高い技術力で統合したソリューションを提供しています。</p>
360
+
361
+ <a href="" class="btn2 hover">詳しく見る<i class="fas fa-angle-right"></i></a>
362
+
363
+ </div>
364
+
365
+ </section>
366
+
367
+ <footer class="footer-large">
368
+
369
+ <div class="container">
370
+
371
+ <div class="media">
372
+
373
+ <p>FOLLOW US:<i class="fab fa-youtube hover"></i><i class="fab fa-linkedin-in hover"></i><i class="fas fa-rss hover"></i></p>
374
+
375
+ </div>
376
+
377
+ <div class="footer-large-menu">
378
+
379
+ <ul>
380
+
381
+ <li>サイトマップ</li>
382
+
383
+ <li>サイトのご利用条件</li>
384
+
385
+ <li>個人情報保護方針</li>
386
+
387
+ <li>お問い合わせ</li>
388
+
389
+ <li>SPECTRA(英語)</li>
390
+
391
+ </ul>
392
+
393
+ </div>
394
+
395
+ <div>
396
+
397
+ <p>© MITSUBISHI HEAVY INDUSTRIES, LTD.</p>
398
+
399
+ </div>
400
+
401
+ </div>
402
+
403
+ </footer>
404
+
405
+ <footer class="footer-small">
406
+
407
+ <div class="container">
408
+
409
+
410
+
411
+ </div>
412
+
413
+ </footer>
414
+
415
+
416
+
417
+ <script src="js/script.js"></script>
418
+
419
+ <script src="slick-1.8.1/slick/slick.min.js"></script>
420
+
421
+ </body></html>
422
+
423
+ ```javascript
424
+
425
+ $(function(){
426
+
427
+ $('.slider-large').find('.container').slick({
428
+
429
+ autoplay:true,
430
+
431
+ autoplaySpeed:500,
432
+
433
+ dots:true,
434
+
435
+ arrows:false,
436
+
437
+ });
438
+
439
+ $('.slider-small').find('.container').slick({
440
+
441
+ autoplay:true,
442
+
443
+ autoplaySpeed:500,
444
+
445
+ dots:true,
446
+
447
+ arrows:false,
448
+
449
+ });
450
+
451
+ $('.btn').hover(function(){
452
+
453
+ $(this).css('color','black');
454
+
455
+
456
+
457
+ $(this).find('i').css('color','red');
458
+
459
+ },function(){
460
+
461
+
462
+
463
+
464
+
465
+ $(this).find('i').css('color','white');
466
+
467
+ $(this).css('color','white');
468
+
469
+ });
470
+
471
+ });![![イメージ説明](90efec91c0714bc09e578ca3756630e7.png)](e8745df85eb27de1126ce7da24c22c03.png)
472
+
1
- ### 前提・実現したいこと
473
+ ```### 前提・実現したいこと
2
474
 
3
475
  brackets でjqueryを書くとき$is not defined と出てしまうのがうるさいのでこのエラーコードを消したいです
4
476
 

1

書式の改善

2019/04/05 08:29

投稿

kudo681dx
kudo681dx

スコア10

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  3時間位ググったのですがわかりません(泣)
10
10
 
11
-
11
+ コード自体はうまく動作するのですがbrackets内でのエラーが消えません
12
12
 
13
13
  ### 発生している問題・エラーメッセージ
14
14
 
@@ -20,7 +20,7 @@
20
20
 
21
21
  ```
22
22
 
23
- $(this).find('i').css('color','white');
23
+ $('a').css('color','white');
24
24
 
25
25
 
26
26