質問編集履歴

3

revised code

2017/05/18 08:18

投稿

teratech
teratech

スコア17

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,7 @@
68
68
 
69
69
  <ons-template id="page1.html">
70
70
 
71
- <ons-page>
71
+ <ons-page page="page1">
72
72
 
73
73
  <ons-toolbar>
74
74
 
@@ -128,7 +128,7 @@
128
128
 
129
129
  <ons-template id="page2.html">
130
130
 
131
- <ons-page>
131
+ <ons-page id="page2">
132
132
 
133
133
  <ons-toolbar>
134
134
 
@@ -168,7 +168,7 @@
168
168
 
169
169
  <ons-template id="page3.html">
170
170
 
171
- <ons-page>
171
+ <ons-page id="page3">
172
172
 
173
173
  <ons-toolbar>
174
174
 

2

コードの追加

2017/05/18 08:18

投稿

teratech
teratech

スコア17

test CHANGED
File without changes
test CHANGED
@@ -26,11 +26,29 @@
26
26
 
27
27
  ```html
28
28
 
29
+ <!DOCTYPE HTML>
30
+
31
+ <html>
32
+
33
+ <head>
34
+
35
+ <meta charset="UTF-8">
36
+
37
+ <script src="components/loader.js"></script>
38
+
39
+ <link rel="stylesheet" href="components/loader.css">
40
+
41
+ <link rel="stylesheet" href="css/style.css">
42
+
43
+ <script src="js/demo.js"></script>
44
+
45
+ </head>
46
+
29
47
  <body>
30
48
 
31
49
  <ons-navigator page="page1.html" var="app.navi"></ons-navigator>
32
50
 
33
-
51
+
34
52
 
35
53
  <ons-page>
36
54
 
@@ -80,7 +98,7 @@
80
98
 
81
99
  </ons-list-item>
82
100
 
83
-
101
+
84
102
 
85
103
  <ons-list-item modifier="chevron" class="item" id="page1_2">
86
104
 
@@ -110,7 +128,39 @@
110
128
 
111
129
  <ons-template id="page2.html">
112
130
 
131
+ <ons-page>
132
+
133
+ <ons-toolbar>
134
+
135
+ <div class="center">Page2</div>
136
+
137
+ </ons-toolbar>
138
+
139
+
140
+
141
+ <ons-list>
142
+
143
+ <ons-list-item modifier="chevron" class="item" id="page2_1">
144
+
145
+ <ons-row>
146
+
147
+ <ons-col class="title">
148
+
113
- ・・・
149
+ <header>
150
+
151
+ <span class="item-title">Page2_1</span>
152
+
153
+ </header>
154
+
155
+ </ons-col>
156
+
157
+ </ons-row>
158
+
159
+ </ons-list-item>
160
+
161
+ </ons-list>
162
+
163
+ </ons-page>
114
164
 
115
165
  </ons-template>
116
166
 
@@ -118,7 +168,39 @@
118
168
 
119
169
  <ons-template id="page3.html">
120
170
 
171
+ <ons-page>
172
+
173
+ <ons-toolbar>
174
+
175
+ <div class="center">Page3</div>
176
+
177
+ </ons-toolbar>
178
+
179
+
180
+
181
+ <ons-list>
182
+
183
+ <ons-list-item modifier="chevron" class="item" id="page3_1">
184
+
185
+ <ons-row>
186
+
187
+ <ons-col class="title">
188
+
121
- ・・・
189
+ <header>
190
+
191
+ <span class="item-title">Page3_1</span>
192
+
193
+ </header>
194
+
195
+ </ons-col>
196
+
197
+ </ons-row>
198
+
199
+ </ons-list-item>
200
+
201
+ </ons-list>
202
+
203
+ </ons-page>
122
204
 
123
205
  </ons-template>
124
206
 
@@ -132,13 +214,13 @@
132
214
 
133
215
  <div class="left"><ons-back-button>Back</ons-back-button></div>
134
216
 
135
- <div id="topmsg" class="center">Page1_1</div>
217
+ <div class="center">Page1_1</div>
136
-
218
+
137
- </ons-toolbar>
219
+ </ons-toolbar>
138
-
220
+
139
- <ons-list>
221
+ <ons-list>
140
-
222
+
141
- ・・・
223
+ <p>Page1_1です。</p>
142
224
 
143
225
  </ons-list>
144
226
 
@@ -150,12 +232,82 @@
150
232
 
151
233
  <ons-template id="page1_2.html">
152
234
 
235
+ <ons-page id="page1_2">
236
+
237
+ <ons-toolbar id="onstoolbar">
238
+
239
+ <div class="left"><ons-back-button>Back</ons-back-button></div>
240
+
241
+ <div class="center">Page1_2</div>
242
+
243
+ </ons-toolbar>
244
+
153
- ・・・
245
+ <ons-list>
246
+
154
-
247
+ <p>Page1_2です。</p>
248
+
249
+ </ons-list>
250
+
251
+ </ons-page>
252
+
155
- </ons-template>
253
+ </ons-template>
254
+
255
+
256
+
257
+ <ons-template id="page2_1.html">
258
+
259
+ <ons-page id="page2_1">
260
+
261
+ <ons-toolbar id="onstoolbar">
262
+
263
+ <div class="left"><ons-back-button>Back</ons-back-button></div>
264
+
265
+ <div class="center">Page2_1</div>
266
+
267
+ </ons-toolbar>
268
+
269
+ <ons-list>
270
+
271
+ <p>Page2_1です。</p>
272
+
273
+ </ons-list>
274
+
275
+ </ons-page>
276
+
277
+ </ons-template>
278
+
279
+
280
+
281
+ <ons-template id="page3_1.html">
282
+
283
+ <ons-page id="page3_1">
284
+
285
+ <ons-toolbar id="onstoolbar">
286
+
287
+ <div class="left"><ons-back-button>Back</ons-back-button></div>
288
+
289
+ <div class="center">Page3_1</div>
290
+
291
+ </ons-toolbar>
292
+
293
+ <ons-list>
294
+
295
+ <p>Page3_1です。</p>
296
+
297
+ </ons-list>
298
+
299
+ </ons-page>
300
+
301
+ </ons-template>
302
+
303
+ </body>
304
+
305
+ </html>
156
306
 
157
307
  ```
158
308
 
309
+ demo.js
310
+
159
311
  ```javascript
160
312
 
161
313
  var app = ons.bootstrap();

1

発生している問題の説明を具体的に変更。

2017/05/18 08:11

投稿

teratech
teratech

スコア17

test CHANGED
File without changes
test CHANGED
@@ -14,7 +14,9 @@
14
14
 
15
15
  元々一つのページから各機能の画面に遷移させていたのですが、今回タブを入れたことにより、画面遷移がうまくいかずに立ち往生しております。
16
16
 
17
+ 具体的には、タブでの画面遷移はできるのですが、ページ内の画面遷移ボタンが効かない状況(要素をタップしてもpushPageが機能しない状態)です。
18
+
17
- タブ設置の仕方悪いものと思いますが、どう修正すべきかよく分からない状況です。
19
+ tabbarを削除すると機能するで、tabbar問題と思われるのですが、どう修正すべきかよく分からない状況です。
18
20
 
19
21
  修正方法をご教示頂ければ幸いです。
20
22