質問編集履歴

2

インデント修正

2019/08/19 09:29

投稿

ysfree14
ysfree14

スコア19

test CHANGED
File without changes
test CHANGED
@@ -10,37 +10,37 @@
10
10
 
11
11
  <form>
12
12
 
13
- <span>
13
+   <span>
14
14
 
15
- <input type="radio" name="list" value="all" checked>
15
+     <input type="radio" name="list" value="all" checked>
16
16
 
17
- <label>All</label>
17
+     <label>All</label>
18
18
 
19
- </span>
19
+   </span>
20
20
 
21
- <span>
21
+   <span>
22
22
 
23
- <input type="radio" name="list" value="cate">
23
+     <input type="radio" name="list" value="cate">
24
24
 
25
- <label>cafe</label>
25
+     <label>cafe</label>
26
26
 
27
- </span>
27
+   </span>
28
28
 
29
- <span>
29
+   <span>
30
30
 
31
- <input type="radio" name="list" value="tokyo">
31
+     <input type="radio" name="list" value="tokyo">
32
32
 
33
- <label>tokyo</label>
33
+     <label>tokyo</label>
34
34
 
35
- </span>
35
+   </span>
36
36
 
37
- <span>
37
+   <span>
38
38
 
39
- <input type="radio" name="list" value="autum">
39
+     <input type="radio" name="list" value="autum">
40
40
 
41
- <label >autum</label>
41
+     <label >autum</label>
42
42
 
43
- </span>
43
+   </span>
44
44
 
45
45
  </form>
46
46
 
@@ -96,15 +96,15 @@
96
96
 
97
97
  function display(){
98
98
 
99
- $imageWrap.empty();
99
+   $imageWrap.empty();
100
100
 
101
- var dataArray = filterdata;
101
+   var dataArray = filterdata;
102
102
 
103
- for(var i=0; i<=7; i++){
103
+   for(var i=0; i<=7; i++){
104
104
 
105
- $('<div class="elm"><img src="'+filterdata[i].url+' "></div>').appendTo($imageWrap);
105
+     $('<div class="elm"><img src="'+filterdata[i].url+' "></div>').appendTo($imageWrap);
106
106
 
107
- }
107
+   }
108
108
 
109
109
  }
110
110
 
@@ -114,35 +114,35 @@
114
114
 
115
115
  $('input:radio').change(function(){
116
116
 
117
- //チェックボタンの状況によってフィルタリングする
117
+   //チェックボタンの状況によってフィルタリングする
118
118
 
119
- var cate=$(this).val();
119
+   var cate=$(this).val();
120
120
 
121
- //フィルターの配列をいったん空っぽにする
121
+   //フィルターの配列をいったん空っぽにする
122
122
 
123
- filterdata=[];
123
+   filterdata=[];
124
124
 
125
125
 
126
126
 
127
- if(cate==="all"){//allが選択されたら全データを保持
127
+   if(cate==="all"){//allが選択されたら全データを保持
128
128
 
129
- filterdata=alldata;
129
+     filterdata=alldata;
130
130
 
131
131
 
132
132
 
133
- }else{
133
+   }else{
134
134
 
135
- filterdata=$.grep(alldata,function(n){
135
+     filterdata=$.grep(alldata,function(n){
136
136
 
137
- return n.category===cate;
137
+       return n.category===cate;
138
138
 
139
- });
139
+     });
140
140
 
141
- }
141
+   }
142
142
 
143
143
 
144
144
 
145
- display();
145
+   display();
146
146
 
147
147
  });
148
148
 
@@ -152,7 +152,7 @@
152
152
 
153
153
  $('.more-btn').click(function(){
154
154
 
155
- display();
155
+   display();
156
156
 
157
157
  });
158
158
 

1

コード修正

2019/08/19 09:29

投稿

ysfree14
ysfree14

スコア19

test CHANGED
File without changes
test CHANGED
@@ -10,37 +10,37 @@
10
10
 
11
11
  <form>
12
12
 
13
- <span>
13
+ <span>
14
14
 
15
- <input type="radio" name="list" value="all" checked>
15
+ <input type="radio" name="list" value="all" checked>
16
16
 
17
- <label>All</label>
17
+ <label>All</label>
18
18
 
19
- </span>
19
+ </span>
20
20
 
21
- <span>
21
+ <span>
22
22
 
23
- <input type="radio" name="list" value="cate">
23
+ <input type="radio" name="list" value="cate">
24
24
 
25
- <label>cafe</label>
25
+ <label>cafe</label>
26
26
 
27
- </span>
27
+ </span>
28
28
 
29
- <span >
29
+ <span>
30
30
 
31
- <input type="radio" name="list" value="tokyo">
31
+ <input type="radio" name="list" value="tokyo">
32
32
 
33
- <label>tokyo</label>
33
+ <label>tokyo</label>
34
34
 
35
- </span>
35
+ </span>
36
36
 
37
- <span >
37
+ <span>
38
38
 
39
- <input type="radio" name="list" value="autum">
39
+ <input type="radio" name="list" value="autum">
40
40
 
41
- <label >autum</label>
41
+ <label >autum</label>
42
42
 
43
- </span>
43
+ </span>
44
44
 
45
45
  </form>
46
46