質問編集履歴
5
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -319,3 +319,55 @@
|
|
|
319
319
|
|
|
320
320
|
|
|
321
321
|
|
|
322
|
+
|
|
323
|
+
|
|
324
|
+
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
##追記
|
|
328
|
+
|
|
329
|
+
本当に何度も恐れ入ります????質問者です。
|
|
330
|
+
|
|
331
|
+
コードを入れたいのでこちらから失礼します。
|
|
332
|
+
|
|
333
|
+
カンマがあることはわかったのですが、main.jsに「linting.collapsed":true」は見つけられないのでどこを見たら見つけられるのかお聞きしたかったのです。
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
最後がカンマであるというならば、私の脳内に浮かぶ「最後」は以下のように考えるのですが、どうにも違う気がします。
|
|
338
|
+
|
|
339
|
+
|
|
340
|
+
|
|
341
|
+
```ここに言語を入力
|
|
342
|
+
|
|
343
|
+
$('#buttons1 button:nth-child(n+9)')/*エラー*/
|
|
344
|
+
|
|
345
|
+
.on('mouseover', function () {
|
|
346
|
+
|
|
347
|
+
$(this).find('> span')/*エラー*/
|
|
348
|
+
|
|
349
|
+
.stop(true).animate({
|
|
350
|
+
|
|
351
|
+
width: '100%'
|
|
352
|
+
|
|
353
|
+
}, duration, 'easeOutQuad');
|
|
354
|
+
|
|
355
|
+
})
|
|
356
|
+
|
|
357
|
+
.on('mouseout', function () {
|
|
358
|
+
|
|
359
|
+
$(this).find('> span')/*エラー*/
|
|
360
|
+
|
|
361
|
+
.stop(true).animate({
|
|
362
|
+
|
|
363
|
+
width: '0%'
|
|
364
|
+
|
|
365
|
+
}, duration, 'easeOutQuad');←ここ？
|
|
366
|
+
|
|
367
|
+
});←ここ？
|
|
368
|
+
|
|
369
|
+
|
|
370
|
+
|
|
371
|
+
});←ここ？
|
|
372
|
+
|
|
373
|
+
```
|
4
タグ追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
3
追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -315,3 +315,7 @@
|
|
|
315
315
|
### 追加情報
|
|
316
316
|
|
|
317
317
|
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
|
|
321
|
+
|
2
追加情報
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
```
|
|
22
22
|
|
|
23
|
-
is not defined
|
|
23
|
+
ERROR='$' is not defined.[no-undef]
|
|
24
24
|
|
|
25
25
|
```
|
|
26
26
|
|
|
@@ -309,3 +309,9 @@
|
|
|
309
309
|
エディタ:Brackets
|
|
310
310
|
|
|
311
311
|
ブラウザ:クローム
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
### 追加情報
|
|
316
|
+
|
|
317
|
+
|
1
コードの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -24,9 +24,113 @@
|
|
|
24
24
|
|
|
25
25
|
```
|
|
26
26
|
|
|
27
|
-
|
|
27
|
+
### 該当コード
|
|
28
|
+
|
|
28
|
-
|
|
29
|
+
```HTML
|
|
30
|
+
|
|
29
|
-
|
|
31
|
+
<!DOCTYPE html>
|
|
32
|
+
|
|
33
|
+
<html lang="ja">
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
<head>
|
|
38
|
+
|
|
39
|
+
<meta charset="UTF-8">
|
|
40
|
+
|
|
41
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
42
|
+
|
|
43
|
+
<title>Chapter 04-01 · jQuery 最高の教科書</title>
|
|
44
|
+
|
|
45
|
+
<link rel="stylesheet" href="./css/normalize.css">
|
|
46
|
+
|
|
47
|
+
<link rel="stylesheet" href="./css/main.css">
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
<script src="./js/vendor/jquery-1.10.2.min.js"></script>
|
|
52
|
+
|
|
53
|
+
<script src="./js/vendor/jquery-ui-1.10.3.custom.min.js"></script>
|
|
54
|
+
|
|
55
|
+
<script src="./js/main.js"></script>
|
|
56
|
+
|
|
57
|
+
</head>
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
<body>
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
<header class="page-header" role="banner">
|
|
66
|
+
|
|
67
|
+
<h1>Creative jQuery Sample</h1>
|
|
68
|
+
|
|
69
|
+
</header>
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
<div class="page-main" role="main">
|
|
74
|
+
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
<div id="buttons1">
|
|
78
|
+
|
|
79
|
+
<h2>BUTTONS1</h2>
|
|
80
|
+
|
|
81
|
+
<div class="inner clearfix">
|
|
82
|
+
|
|
83
|
+
<button>Albatross</button>
|
|
84
|
+
|
|
85
|
+
<button>Bishop</button>
|
|
86
|
+
|
|
87
|
+
<button>Canary</button>
|
|
88
|
+
|
|
89
|
+
<button>Duck</button>
|
|
90
|
+
|
|
91
|
+
<button>Eagle</button>
|
|
92
|
+
|
|
93
|
+
<button>Falcon</button>
|
|
94
|
+
|
|
95
|
+
<button>Goose</button>
|
|
96
|
+
|
|
97
|
+
<button>Hawk</button>
|
|
98
|
+
|
|
99
|
+
<button>Ibis<span class="bg"><span>Ibis</span></span></button>
|
|
100
|
+
|
|
101
|
+
<button>Jaeger<span class="bg"><span>Jaeger</span></span></button>
|
|
102
|
+
|
|
103
|
+
<button>Kingfisher<span class="bg"><span>Kingfisher</span></span></button>
|
|
104
|
+
|
|
105
|
+
<button>Lark<span class="bg"><span>Lark</span></span></button>
|
|
106
|
+
|
|
107
|
+
</div>
|
|
108
|
+
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
</div>
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
|
|
117
|
+
<footer class="page-footer" role="contentinfo">
|
|
118
|
+
|
|
119
|
+
<small class="copyright">COPYRIGHT © <a href="http://www.shiftbrain.co.jp" target="_blank">SHIFTBRAIN Inc.</a></small>
|
|
120
|
+
|
|
121
|
+
</footer>
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
</body>
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
|
|
129
|
+
</html>
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
```
|
|
30
134
|
|
|
31
135
|
### 該当のソースコード
|
|
32
136
|
|