質問編集履歴

1

コード整形

2017/05/22 07:31

投稿

teratech
teratech

スコア17

test CHANGED
File without changes
test CHANGED
@@ -18,23 +18,21 @@
18
18
 
19
19
 
20
20
 
21
- scriptタグ内
21
+ ```Javascript
22
22
 
23
23
  (function(){
24
24
 
25
- 'use strict';
25
+ $(document).on('pageinit', '#top-page', function() {
26
26
 
27
- $(document).on('pageinit', '#top-page', function() {
27
+ $('#list_up', this).on('click', function() {
28
28
 
29
- $('#list_up', this).on('click', function() {
29
+ new_list();
30
30
 
31
- new_list();
31
+ app.navi.pushPage('list.html');
32
32
 
33
- app.navi.pushPage('list.html');
33
+ });
34
34
 
35
35
  });
36
-
37
- });
38
36
 
39
37
  })();
40
38
 
@@ -46,31 +44,31 @@
46
44
 
47
45
  $.post("url", data).done(function(result){
48
46
 
49
- var list = document.getElementById('list');
47
+ var list = document.getElementById('list');
50
48
 
51
- var onsrowNode = document.createElement('ons-row');
49
+ var onsrowNode = document.createElement('ons-row');
52
50
 
53
- var onscolNode = document.createElement('ons-col');
51
+ var onscolNode = document.createElement('ons-col');
54
52
 
55
- var onscolNode2 = document.createElement('ons-col');
53
+ var onscolNode2 = document.createElement('ons-col');
56
54
 
57
- var textNode = document.createTextNode('温泉');
55
+ var textNode = document.createTextNode('温泉');
58
56
 
59
- var textNode2 = document.createTextNode(result);
57
+ var textNode2 = document.createTextNode(result);
60
58
 
61
- onscolNode.appendChild(textNode);
59
+ onscolNode.appendChild(textNode);
62
60
 
63
- onscolNode2.appendChild(textNode2);
61
+ onscolNode2.appendChild(textNode2);
64
62
 
65
- onsrowNode.appendChild(onscolNode);
63
+ onsrowNode.appendChild(onscolNode);
66
64
 
67
- onsrowNode.appendChild(onscolNode2);
65
+ onsrowNode.appendChild(onscolNode2);
68
66
 
69
- list.appendChild(onsrowNode);
67
+ list.appendChild(onsrowNode);
70
68
 
71
69
  }).fail(function(){
72
70
 
73
- ・・・
71
+ ・・・
74
72
 
75
73
  });
76
74
 
@@ -78,54 +76,58 @@
78
76
 
79
77
 
80
78
 
81
- 以下body内
79
+ ```
82
80
 
83
- (ons-navigator page="top.html" var="app.navi")(/ons-navigator)
81
+ ```html
84
82
 
85
- (ons-template id="top.html")
83
+ <ons-navigator page="top.html" var="app.navi"></ons-navigator>
86
84
 
87
- (ons-page id="top-page")
85
+ <ons-template id="top.html">
88
86
 
89
- (ons-list-item modifier="chevron" class="item" id="list_up")
87
+ <ons-page id="top-page">
90
88
 
91
- (ons-row)
89
+ <ons-list-item modifier="chevron" class="item" id="list_up">
92
90
 
93
- (ons-col class="title")
91
+ <ons-row>
94
92
 
95
- (header)
93
+ <ons-col class="title">
96
94
 
97
- (span class="item-title")リスト(/span)
95
+ <header>
98
96
 
99
- (/header)
97
+ <span class="item-title">リスト</span>
100
98
 
101
- (/ons-col)
99
+ </header>
102
100
 
103
- (/ons-row)
101
+ </ons-col>
104
102
 
103
+ </ons-row>
104
+
105
- (/ons-list-item)
105
+ </ons-list-item>
106
106
 
107
107
  ・・・
108
108
 
109
- (/ons-page)
109
+ </ons-page>
110
110
 
111
- (/ons-template)
111
+ </ons-template>
112
112
 
113
113
 
114
114
 
115
- (ons-template id="list.html")
115
+ <ons-template id="list.html">
116
116
 
117
- (ons-page id="list-page")
117
+ <ons-page id="list-page">
118
118
 
119
- (ons-list)
119
+ <ons-list>
120
120
 
121
- (ons-list-item)
121
+ <ons-list-item>
122
122
 
123
- (div id="list")
123
+ <div id="list">
124
124
 
125
- (/ons-list-item)
125
+ </ons-list-item>
126
126
 
127
- (/ons-list)
127
+ </ons-list>
128
128
 
129
- (/ons-page)
129
+ </ons-page>
130
130
 
131
- (/ons-template)
131
+ </ons-template>
132
+
133
+ ```