質問編集履歴
2
サンプルページを含む画像を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
jQueryでレスポンシブデザインを作成しています。
|
|
3
3
|
drawer-navをパソコンサイズでは表示、スマホサイズではドロワーの中で表示というようにしたいです。（パソコンサイズで表示されていた部分は非表示）
|
|
4
|
+
ドロワーを開くとhtmlがスライドするものもありますが、スライドはさせません。
|
|
4
5
|
bootstrapは入れていません。
|
|
5
6
|
|
|
6
7
|
### 発生している問題・エラーメッセージ
|
|
7
8
|
|
|
8
9
|
スマホサイズにしたときに、パソコン画面のときは表示されていたdrawer-nav（トップページ、医院紹介 etc)を消すことはできたのですが、ドロワーを左から出したときに中にあるdrawer-menuやliが表示されません。
|
|
9
|
-
(文章だとわかりにくいと思うので、画像の方を見たほうがわかりやすいと思います
|
|
10
|
+
(文章だとわかりにくいと思うので、画像の方を見たほうがわかりやすいと思います。
|
|
11
|
+
サンプルページのようにliを表示させたいです。）
|
|
10
12
|
|
|
11
13
|
### 該当のソースコード
|
|
12
14
|
|
|
@@ -422,5 +424,9 @@
|
|
|
422
424
|
|
|
423
425
|
|
|
424
426
|
|
|
427
|
+
|
|
425
428
|
スマホ画面（ドロワーを表示しているが、その中のliが表示されていない）
|
|
426
|
-
|
|
429
|
+
|
|
430
|
+
|
|
431
|
+
サンプルページ
|
|
432
|
+
|
1
画像を追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
### 発生している問題・エラーメッセージ
|
|
7
7
|
|
|
8
|
-
スマホサイズにしたときに、drawer-navを消すことはできたのですが、
|
|
8
|
+
スマホサイズにしたときに、パソコン画面のときは表示されていたdrawer-nav（トップページ、医院紹介 etc)を消すことはできたのですが、ドロワーを左から出したときに中にあるdrawer-menuやliが表示されません。
|
|
9
|
+
(文章だとわかりにくいと思うので、画像の方を見たほうがわかりやすいと思います）
|
|
9
10
|
|
|
10
11
|
### 該当のソースコード
|
|
11
12
|
|
|
@@ -411,4 +412,15 @@
|
|
|
411
412
|
|
|
412
413
|
}
|
|
413
414
|
|
|
414
|
-
```
|
|
415
|
+
```
|
|
416
|
+
パソコン画面
|
|
417
|
+
|
|
418
|
+
|
|
419
|
+
|
|
420
|
+
|
|
421
|
+
スマホの画面（drawer-navを非表示）
|
|
422
|
+
|
|
423
|
+
|
|
424
|
+
|
|
425
|
+
スマホ画面（ドロワーを表示しているが、その中のliが表示されていない）
|
|
426
|
+
|