質問編集履歴
6
コード修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -144,6 +144,10 @@
|
|
|
144
144
|
|
|
145
145
|
});
|
|
146
146
|
|
|
147
|
+
});
|
|
148
|
+
|
|
149
|
+
$(function(){
|
|
150
|
+
|
|
147
151
|
|
|
148
152
|
|
|
149
153
|
//２つ目
|
5
コード変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
//最初に読み込んだ時に発生する関数
|
|
32
32
|
|
|
33
|
-
$.getJSON('jsonのパス',init);
|
|
33
|
+
$.getJSON('1つ目のjsonのパス',init);
|
|
34
34
|
|
|
35
35
|
|
|
36
36
|
|
|
@@ -160,7 +160,7 @@
|
|
|
160
160
|
|
|
161
161
|
//最初に読み込んだ時に発生する関数
|
|
162
162
|
|
|
163
|
-
$.getJSON('jsonのパス',init);
|
|
163
|
+
$.getJSON('2つ目のjsonのパス',init);
|
|
164
164
|
|
|
165
165
|
|
|
166
166
|
|
4
テキスト更新しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
jsonを読み込みコードを生成、jQueryでフィルタリング表示するコンテンツをページの２か所に設置しています。
|
|
2
2
|
|
|
3
|
+
フィルタリングに関しては初期表示は８個、もっと見るをクリックでさらに８個ずつ追加表示というようにしています。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
3
|
-
１つ目
|
|
7
|
+
１つ目のコードをそのまま複製するような形で下記のように複製してみたのですが、もっとスマートにjqueryを記述するにはどのようにすればいいのでしょうか？
|
|
4
|
-
|
|
8
|
+
|
|
5
|
-
|
|
9
|
+
よろしくお願い致します。
|
|
6
10
|
|
|
7
11
|
|
|
8
12
|
|
3
html、jsonのコードを追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```jquery
|
|
10
10
|
|
|
11
11
|
$(function(){
|
|
12
12
|
|
|
@@ -279,3 +279,199 @@
|
|
|
279
279
|
|
|
280
280
|
|
|
281
281
|
```
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
|
|
285
|
+
|
|
286
|
+
|
|
287
|
+
```json
|
|
288
|
+
|
|
289
|
+
[
|
|
290
|
+
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
{
|
|
294
|
+
|
|
295
|
+
"category": "new",
|
|
296
|
+
|
|
297
|
+
"url": "",
|
|
298
|
+
|
|
299
|
+
"img": "",
|
|
300
|
+
|
|
301
|
+
"labelName": "",
|
|
302
|
+
|
|
303
|
+
"dateText": "",
|
|
304
|
+
|
|
305
|
+
"labelName2": "",
|
|
306
|
+
|
|
307
|
+
"dateText2": "",
|
|
308
|
+
|
|
309
|
+
"price": ""
|
|
310
|
+
|
|
311
|
+
},
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
|
|
315
|
+
{
|
|
316
|
+
|
|
317
|
+
"category": "re",
|
|
318
|
+
|
|
319
|
+
"url": "",
|
|
320
|
+
|
|
321
|
+
"img": "",
|
|
322
|
+
|
|
323
|
+
"labelName": "",
|
|
324
|
+
|
|
325
|
+
"dateText": "",
|
|
326
|
+
|
|
327
|
+
"labelName2": "",
|
|
328
|
+
|
|
329
|
+
"dateText2": "",
|
|
330
|
+
|
|
331
|
+
"price": ""
|
|
332
|
+
|
|
333
|
+
},
|
|
334
|
+
|
|
335
|
+
|
|
336
|
+
|
|
337
|
+
]
|
|
338
|
+
|
|
339
|
+
```
|
|
340
|
+
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
```json
|
|
344
|
+
|
|
345
|
+
[
|
|
346
|
+
|
|
347
|
+
|
|
348
|
+
|
|
349
|
+
{
|
|
350
|
+
|
|
351
|
+
"category": "new-s",
|
|
352
|
+
|
|
353
|
+
"url": "",
|
|
354
|
+
|
|
355
|
+
"img": "",
|
|
356
|
+
|
|
357
|
+
"labelName": "",
|
|
358
|
+
|
|
359
|
+
"dateText": "",
|
|
360
|
+
|
|
361
|
+
"labelName2": "",
|
|
362
|
+
|
|
363
|
+
"dateText2": "",
|
|
364
|
+
|
|
365
|
+
"price": ""
|
|
366
|
+
|
|
367
|
+
},
|
|
368
|
+
|
|
369
|
+
|
|
370
|
+
|
|
371
|
+
{
|
|
372
|
+
|
|
373
|
+
"category": "re-s",
|
|
374
|
+
|
|
375
|
+
"url": "",
|
|
376
|
+
|
|
377
|
+
"img": "",
|
|
378
|
+
|
|
379
|
+
"labelName": "",
|
|
380
|
+
|
|
381
|
+
"dateText": "",
|
|
382
|
+
|
|
383
|
+
"labelName2": "",
|
|
384
|
+
|
|
385
|
+
"dateText2": "",
|
|
386
|
+
|
|
387
|
+
"price": ""
|
|
388
|
+
|
|
389
|
+
},
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
|
|
393
|
+
]
|
|
394
|
+
|
|
395
|
+
```
|
|
396
|
+
|
|
397
|
+
|
|
398
|
+
|
|
399
|
+
```html
|
|
400
|
+
|
|
401
|
+
<!--１つ目-->
|
|
402
|
+
|
|
403
|
+
<form>
|
|
404
|
+
|
|
405
|
+
<label>
|
|
406
|
+
|
|
407
|
+
<input type="radio" name="list" value="all" checked="checked">
|
|
408
|
+
|
|
409
|
+
<span>All</span>
|
|
410
|
+
|
|
411
|
+
</label>
|
|
412
|
+
|
|
413
|
+
<label>
|
|
414
|
+
|
|
415
|
+
<input type="radio" name="list" value="new">
|
|
416
|
+
|
|
417
|
+
<span>new</span>
|
|
418
|
+
|
|
419
|
+
</label>
|
|
420
|
+
|
|
421
|
+
<label>
|
|
422
|
+
|
|
423
|
+
<input type="radio" name="list" value="re">
|
|
424
|
+
|
|
425
|
+
<span>re</span>
|
|
426
|
+
|
|
427
|
+
</label>
|
|
428
|
+
|
|
429
|
+
</form>
|
|
430
|
+
|
|
431
|
+
|
|
432
|
+
|
|
433
|
+
<div id="boxes" class="boxes cf"></div>
|
|
434
|
+
|
|
435
|
+
<div class="original-tab-more-btn">もっと見る</div>
|
|
436
|
+
|
|
437
|
+
|
|
438
|
+
|
|
439
|
+
<!--２つ目-->
|
|
440
|
+
|
|
441
|
+
<form>
|
|
442
|
+
|
|
443
|
+
<label class="btn-on">
|
|
444
|
+
|
|
445
|
+
<input type="radio" name="list" value="all" checked="checked">
|
|
446
|
+
|
|
447
|
+
<span>All</span>
|
|
448
|
+
|
|
449
|
+
</label>
|
|
450
|
+
|
|
451
|
+
<label>
|
|
452
|
+
|
|
453
|
+
<input type="radio" name="list" value="new-s">
|
|
454
|
+
|
|
455
|
+
<span>new</span>
|
|
456
|
+
|
|
457
|
+
</label>
|
|
458
|
+
|
|
459
|
+
<label>
|
|
460
|
+
|
|
461
|
+
<input type="radio" name="list" value="re-s">
|
|
462
|
+
|
|
463
|
+
<span>re</span>
|
|
464
|
+
|
|
465
|
+
</label>
|
|
466
|
+
|
|
467
|
+
</form>
|
|
468
|
+
|
|
469
|
+
|
|
470
|
+
|
|
471
|
+
<div id="select-boxes" class="boxes cf"></div>
|
|
472
|
+
|
|
473
|
+
<div class="select-tab-more-btn">もっと見る</div>
|
|
474
|
+
|
|
475
|
+
|
|
476
|
+
|
|
477
|
+
```
|
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
jsonを読み込みコードを生成、jQueryでフィルタリング表示するコンテンツをページの２か所に設置しています。
|
|
2
2
|
|
|
3
|
-
１つ目は正常に動作したので、そのまま複製するような形で２つ目のjQueryのコードを記述したのですが、もっと
|
|
3
|
+
１つ目は正常に動作したので、そのまま複製するような形で２つ目のjQueryのコードを記述したのですが、jQueryをもっとスマートに記述したいです。
|
|
4
4
|
|
|
5
5
|
どのように記述すればいいでしょうか？よろしくお願いしたします。
|
|
6
6
|
|
1
コード修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -272,6 +272,8 @@
|
|
|
272
272
|
|
|
273
273
|
});
|
|
274
274
|
|
|
275
|
+
});
|
|
276
|
+
|
|
275
277
|
|
|
276
278
|
|
|
277
279
|
|