質問編集履歴

2

さらに修正しました!

2015/11/30 12:19

投稿

ShunYoshizawa
ShunYoshizawa

スコア103

test CHANGED
File without changes
test CHANGED
@@ -114,4 +114,22 @@
114
114
 
115
115
 
116
116
 
117
+
118
+
119
+ しかも僕が書いた
120
+
121
+ });
122
+
123
+ これでは動作しませんでした。。。
124
+
125
+
126
+
127
+ 逆に本にあった
128
+
129
+ })
130
+
131
+ これで動作しました。
132
+
133
+
134
+
117
- なぜでしょうか?
135
+ なぜなのでしょうか?

1

より具体的に記載しました。

2015/11/30 12:19

投稿

ShunYoshizawa
ShunYoshizawa

スコア103

test CHANGED
File without changes
test CHANGED
@@ -29,3 +29,89 @@
29
29
 
30
30
 
31
31
  勉強してる本でセミコロンがついてない箇所があり、ふと疑問に思いました!
32
+
33
+
34
+
35
+ ---------------------------------------------------------------------
36
+
37
+
38
+
39
+ ちなみにつまずいてるところです。
40
+
41
+
42
+
43
+ <script>
44
+
45
+ $(document).ready(function(){
46
+
47
+ //ファイルの読み込み
48
+
49
+ $.ajax({url:'data.json', dataType:'json'})
50
+
51
+ .done(function(data){
52
+
53
+ $(data).each(function(){
54
+
55
+ if(this.crowded === 'yes'){
56
+
57
+ var idName = '#' + this.id;
58
+
59
+ $(idName).find('.check').addClass('crowded');
60
+
61
+ }
62
+
63
+ });
64
+
65
+ });
66
+
67
+ .fail(function(){
68
+
69
+ window.alert('読み込みエラー');
70
+
71
+ });
72
+
73
+
74
+
75
+ //クリックされたら空き席状況を表示
76
+
77
+ $('.check').on('click', function(){
78
+
79
+ if($(this).hasClass('crowded')){
80
+
81
+ $(this).text('残席わずか').addClass('red');
82
+
83
+ }else{
84
+
85
+ $(this).text('お席あります').addClass('green');
86
+
87
+ }
88
+
89
+ });
90
+
91
+ });
92
+
93
+ </script>
94
+
95
+
96
+
97
+
98
+
99
+ このプログラムの
100
+
101
+ .fail(function(){
102
+
103
+ window.alert('読み込みエラー');
104
+
105
+ この上の
106
+
107
+ });
108
+
109
+ この部分が本では
110
+
111
+ })
112
+
113
+ こうなっています。
114
+
115
+
116
+
117
+ なぜでしょうか?