質問編集履歴
11
何をお聞きしたいかわかりづらかったため修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
9
|
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記①の場合に、スライドアップが動作せず、どの場合もモーダルウィンドウが動作してしまいます。
|
|
10
|
-
**画面サイズによって、モーダルウィンドウが動作する場合と、スライドアップが動作する場合
|
|
10
|
+
**画面サイズによって、JavaScriptの処理が分岐できるようにしたいです。（モーダルウィンドウが動作する場合と、スライドアップが動作する場合）**
|
|
11
11
|
そもそも、レスポンシブ対応のためには別の書き方にすべき場合は、その点もご教示いただけますと幸いです。
|
|
12
12
|
|
|
13
13
|
【考えられる原因】
|
10
題名を変更しました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【HTML/JavaScript】画面サイズによってJavaScriptの処理を制御してレスポンシブ
|
|
1
|
+
【HTML/JavaScript】画面サイズによってJavaScriptの処理を制御してレスポンシブな処理を実現したい
|
body
CHANGED
|
File without changes
|
9
聞き方を変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
9
|
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記①の場合に、スライドアップが動作せず、どの場合もモーダルウィンドウが動作してしまいます。
|
|
10
10
|
**画面サイズによって、モーダルウィンドウが動作する場合と、スライドアップが動作する場合とに分かれるよう修正したいです。**
|
|
11
|
+
そもそも、レスポンシブ対応のためには別の書き方にすべき場合は、その点もご教示いただけますと幸いです。
|
|
11
12
|
|
|
12
13
|
【考えられる原因】
|
|
13
14
|
デバッグで原因究明中です。
|
8
リンクを修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -79,8 +79,10 @@
|
|
|
79
79
|
|
|
80
80
|
【画面イメージ】
|
|
81
81
|
|
|
82
|
-
模写対象サイト：https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1579409586_NDhhOTlmMzQ2MWU5
|
|
83
82
|
|
|
83
|
+
模写対象サイト：
|
|
84
|
+
[https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1579409586_NDhhOTlmMzQ2MWU5](https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1579409586_NDhhOTlmMzQ2MWU5)
|
|
85
|
+
|
|
84
86
|
【バージョン】
|
|
85
87
|
jQuery 3.5.0
|
|
86
88
|
|
7
実現したいことを具体的に記載しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -79,8 +79,8 @@
|
|
|
79
79
|
|
|
80
80
|
【画面イメージ】
|
|
81
81
|
|
|
82
|
+
模写対象サイト：https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1579409586_NDhhOTlmMzQ2MWU5
|
|
82
83
|
|
|
83
|
-
|
|
84
84
|
【バージョン】
|
|
85
85
|
jQuery 3.5.0
|
|
86
86
|
|
6
内容を修正しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,8 +6,8 @@
|
|
|
6
6
|
②ウィンドウサイズ747pxより大きいとき： リンクをクリックすると、説明文がモーダルウィンドウで表示される。
|
|
7
7
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
|
-
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記
|
|
9
|
+
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記①の場合に、スライドアップが動作せず、どの場合もモーダルウィンドウが動作してしまいます。
|
|
10
|
-
**
|
|
10
|
+
**画面サイズによって、モーダルウィンドウが動作する場合と、スライドアップが動作する場合とに分かれるよう修正したいです。**
|
|
11
11
|
|
|
12
12
|
【考えられる原因】
|
|
13
13
|
デバッグで原因究明中です。
|
5
実現したいことを具体的に記載しました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【
|
|
1
|
+
【HTML/JavaScript】画面サイズによってJavaScriptの処理を制御してレスポンシブデザインを実現したい
|
body
CHANGED
|
File without changes
|
4
実現したいことを具体的に記載しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
9
|
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記②の場合に、モーダルウィンドウが表示されず、どの場合もスライドアップが動作してしまいます。
|
|
10
|
-
リンクをクリックすると、モーダルウィンドウが表示されるように修正したいです。
|
|
10
|
+
**リンクをクリックすると、モーダルウィンドウが表示されるように修正したいです。**
|
|
11
11
|
|
|
12
12
|
【考えられる原因】
|
|
13
13
|
デバッグで原因究明中です。
|
|
@@ -81,6 +81,8 @@
|
|
|
81
81
|
|
|
82
82
|
|
|
83
83
|
|
|
84
|
+
【バージョン】
|
|
85
|
+
jQuery 3.5.0
|
|
84
86
|
|
|
85
87
|
不足情報等ございましたらお手数をおかけしますが、ご教示いただけますと幸いです。
|
|
86
88
|
何卒宜しくお願い致します。
|
3
何をお聞きしたいかわかりづらかったため修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
9
|
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記②の場合に、モーダルウィンドウが表示されず、どの場合もスライドアップが動作してしまいます。
|
|
10
|
-
|
|
10
|
+
リンクをクリックすると、モーダルウィンドウが表示されるように修正したいです。
|
|
11
11
|
|
|
12
12
|
【考えられる原因】
|
|
13
13
|
デバッグで原因究明中です。
|
2
実現したいことを具体的に記載しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【html/
|
|
1
|
+
【html/javaScript】画面サイズによってdivの属性を追加して、レスポンシブな処理を実現したい
|
body
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
【現状とエラー内容】
|
|
9
9
|
スライドアップはjQuery使用、モーダルウィンドウはBootstrap使用すれば可能と考え、実装しました。しかし、上記②の場合に、モーダルウィンドウが表示されず、どの場合もスライドアップが動作してしまいます。
|
|
10
|
+
②の場合に、リンクをクリックすると、モーダルウィンドウが表示されるように修正したいです。
|
|
10
11
|
|
|
11
12
|
【考えられる原因】
|
|
12
13
|
デバッグで原因究明中です。
|
1
実現したいことを具体的に記載しました。
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【html/jQuery】画面サイズによってdivの属性を
|
|
1
|
+
【html/jQuery】画面サイズによってdivの属性を追加して、レスポンシブな処理を実現したい
|
body
CHANGED
|
File without changes
|