質問編集履歴

6

一部変更

2020/07/11 01:25

投稿

series207
series207

スコア49

test CHANGED
@@ -1 +1 @@
1
- jQuery mobileで、スライド表示するパネルを開いたら今まで表示されていたものが全て消えてしまう
1
+ jQuery mobileで、スライド表示するパネルを開いたら今まで表示されていたものが全て消えてしまう
test CHANGED
File without changes

5

一部変更

2020/07/11 01:25

投稿

series207
series207

スコア49

test CHANGED
@@ -1 +1 @@
1
- スライド表示するパネルを開いたら今まで表示されていたものが全て消えてしまう
1
+ jQuery mobileで、スライド表示するパネルを開いたら今まで表示されていたものが全て消えてしまう
test CHANGED
File without changes

4

一部変更

2020/07/11 01:24

投稿

series207
series207

スコア49

test CHANGED
File without changes
test CHANGED
@@ -24,10 +24,6 @@
24
24
 
25
25
  <meta http-equiv="Content-type"content="text/html; charset=UTF-8">
26
26
 
27
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
28
-
29
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
30
-
31
27
 
32
28
 
33
29
  <meta name="viewport" content="width=device-width,initial-scale=1">
@@ -188,10 +184,6 @@
188
184
 
189
185
  <meta http-equiv="Content-type"content="text/html; charset=UTF-8">
190
186
 
191
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
192
-
193
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
194
-
195
187
 
196
188
 
197
189
  <meta name="viewport" content="width=device-width,initial-scale=1">

3

一部変更

2020/07/11 01:08

投稿

series207
series207

スコア49

test CHANGED
File without changes
test CHANGED
@@ -170,7 +170,7 @@
170
170
 
171
171
  リストビューはなく、スライドパネルのみのプログラムです。
172
172
 
173
- 上のプログラムは、このプログラムからコピペして作りました。
173
+ 上のプログラムは、このプログラムの一部をコピペして作りました。
174
174
 
175
175
  何故かこちらだと表示が消えません。
176
176
 

2

一部変更

2020/07/11 00:40

投稿

series207
series207

スコア49

test CHANGED
File without changes
test CHANGED
@@ -156,16 +156,146 @@
156
156
 
157
157
  ```
158
158
 
159
- #初期状態
159
+ #初期状態 (Google Chrome)
160
160
 
161
161
  「このサイトについて」の部分をクリックするとパネルが開く
162
162
 
163
163
  ![イメージ説明](2508fc3ced3e9b2d14d4095c28ebd349.png)
164
164
 
165
- #パネルを開いたとき
165
+ #パネルを開いたとき (Google Chrome)
166
166
 
167
167
  ![イメージ説明](8cf17203ae8ee6c5b90c7deea276e4b1.png)
168
168
 
169
+ #上のプログラムの基になったプログラム
170
+
171
+ リストビューはなく、スライドパネルのみのプログラムです。
172
+
173
+ 上のプログラムは、このプログラムからコピペして作りました。
174
+
175
+ 何故かこちらだと表示が消えません。
176
+
177
+ ```HTML
178
+
179
+
180
+
181
+ <!doctype html><html lang="ja">
182
+
183
+ <head>
184
+
185
+ <title>My Page</title>
186
+
187
+
188
+
189
+ <meta http-equiv="Content-type"content="text/html; charset=UTF-8">
190
+
191
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
192
+
193
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
194
+
195
+
196
+
197
+ <meta name="viewport" content="width=device-width,initial-scale=1">
198
+
199
+ <link rel="stylesheet"
200
+
201
+ href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
202
+
203
+ <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
204
+
205
+ <script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js">
206
+
207
+ </script>
208
+
209
+ </head>
210
+
211
+
212
+
213
+
214
+
215
+ <!--#page_area-->
216
+
217
+ <div data-role="page">
218
+
219
+
220
+
221
+ <div id="panel" data-role="panel">
222
+
223
+ <h3>このサイトについて</h3>
224
+
225
+
226
+
227
+ <p>このサイトは、プログラミング言語を紹介するサイトです。</p>
228
+
229
+ <!--パネルを閉じるためのリンクボタン -->
230
+
231
+ <a href="#" data-rel="close"
232
+
233
+ class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">閉じる</a>
234
+
235
+ </div>
236
+
237
+
238
+
239
+
240
+
241
+
242
+
243
+ <!--#header_area-->
244
+
245
+ <div data-role="header">
246
+
247
+ <h1>プログラミング言語</h1>
248
+
249
+
250
+
251
+
252
+
253
+ </div>
254
+
255
+
256
+
257
+
258
+
259
+ <!--#content_area-->
260
+
261
+ <div role="main" class="ui-content">
262
+
263
+
264
+
265
+
266
+
267
+ <!--パネルリンクボタン-->
268
+
269
+ <img src="image/2.jpg" style="max-height:200px;" />
270
+
271
+ <a href="#panel" class="ui-btn ui-icon-info ui-btn-icon-left">このサイトについて</a>
272
+
273
+ </div>
274
+
275
+
276
+
277
+
278
+
279
+
280
+
281
+
282
+
283
+ <!--#footer_area-->
284
+
285
+ <div data-role="footer">
286
+
287
+ <h4>プログラミング言語</h4>
288
+
289
+ </div>
290
+
291
+
292
+
293
+ ```
294
+
295
+ #パネルを開いたときの表示 (Google Chrome)
296
+
297
+ ![![イメージ説明](0569d6f29423f144ce0801bb314a374f.png)]
298
+
169
299
  #参考webサイト
170
300
 
171
301
  [Panelウィジェットで左右からスライド表示するには?](https://www.buildinsider.net/web/jquerymobileref/11)

1

試したこと追加

2020/07/11 00:40

投稿

series207
series207

スコア49

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,14 @@
1
1
  #困っていること
2
2
 
3
3
  jQuery mobileでリストビューとスライド表示するパネルを組み合わせたプログラムをつくっているのですが、スライド表示するパネルを開いたら、今まで表示されていたヘッダーやフッター、リストビューが全て消えてしまいます。どうすればいいですか?
4
+
5
+
6
+
7
+ #試したこと
8
+
9
+ 前回の質問([Chromeの画面に何も表示されない](https://teratail.com/questions/276610))では</div>が不足していることが原因だったので、今回も同じように</div>を追加したり削除したりしてみましたが、何も変わりませんでした。
10
+
11
+
4
12
 
5
13
  #該当のソースコード
6
14