質問編集履歴
5
コードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -82,4 +82,36 @@
|
|
|
82
82
|
|
|
83
83
|
|
|
84
84
|
もし何か少しでもお分かりの方がいらっしゃいましたら、ぜひご教授ください。
|
|
85
|
-
どうぞよろしくお願い申し上げます。
|
|
85
|
+
どうぞよろしくお願い申し上げます。
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
//--------
|
|
89
|
+
※ブラウザ幅指定のコードが抜けておりました、申し訳ございません。
|
|
90
|
+
追加いたしました。
|
|
91
|
+
```
|
|
92
|
+
$(window).on('load resize', function(){
|
|
93
|
+
$('body').on( 'click','.click-btn', function( ev ) {
|
|
94
|
+
// ev.target がイベントの起こった要素
|
|
95
|
+
var l = $( ev.target ).parents( '#globalMenu' ).length;
|
|
96
|
+
if ( l > 0 ) { // メニュー内のイベントか判定
|
|
97
|
+
$( '.child-list' ).toggleClass('open01');
|
|
98
|
+
|
|
99
|
+
if(window.innerWidth > 768){
|
|
100
|
+
var over_flg = true;
|
|
101
|
+
$('.click-btn,.child-list').hover(function(){
|
|
102
|
+
over_flg = true;
|
|
103
|
+
}, function(){
|
|
104
|
+
over_flg = false;
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
// メニュー領域外をクリックしたらメニューを閉じる
|
|
108
|
+
$('body').click(function() {
|
|
109
|
+
if (over_flg == false) {
|
|
110
|
+
$('.child-list').removeClass('open01');
|
|
111
|
+
}
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
} );
|
|
116
|
+
} );
|
|
117
|
+
```
|
4
文法修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
その後、その動きに一つ新たな動きを追加しようとしたところまた動かなくなってしまいました。
|
|
55
55
|
|
|
56
56
|
追加で実装したい動きは、
|
|
57
|
-
PC/SPでは、【HTML】6行目「C」ボタンを押した際に、アコーディオンを表示
|
|
57
|
+
PC/SPでは、【HTML】6行目「C」ボタンを押した際に、通常通りアコーディオンを表示し、
|
|
58
|
-
PCでは、アコーディオンメニュー領域外をクリックするとアコーディオンメニュー
|
|
58
|
+
PCでは、アコーディオンメニュー領域外をクリックするとアコーディオンメニューが閉じる、
|
|
59
59
|
SPでは、領域外クリックで閉じる動きはしない、
|
|
60
60
|
という動きを取り入れたいと思っております。
|
|
61
61
|
|
3
文法の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -54,10 +54,12 @@
|
|
|
54
54
|
その後、その動きに一つ新たな動きを追加しようとしたところまた動かなくなってしまいました。
|
|
55
55
|
|
|
56
56
|
追加で実装したい動きは、
|
|
57
|
+
PC/SPでは、【HTML】6行目「C」ボタンを押した際に、アコーディオンを表示。
|
|
57
|
-
PC
|
|
58
|
+
PCでは、アコーディオンメニュー領域外をクリックするとアコーディオンメニューを閉じる、
|
|
59
|
+
SPでは、領域外クリックで閉じる動きはしない、
|
|
58
60
|
という動きを取り入れたいと思っております。
|
|
59
61
|
|
|
60
|
-
【PC/SP
|
|
62
|
+
【PC/SPで動作可能なjavascript】（領域外で閉じる動作なし）
|
|
61
63
|
```
|
|
62
64
|
$( function() { // アコーディオンメニュー
|
|
63
65
|
$('body').on( 'click','.click-btn', function( ev ) {
|
2
誤字の修正をしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
1
文法の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
} );
|
|
73
73
|
```
|
|
74
74
|
現状では、１度のみの処理であればPC/SP共に動くのですが、
|
|
75
|
-
|
|
75
|
+
２回目以降の処理がされない状況です。
|
|
76
76
|
例えばPC時で一度アコーディオンメニューを開くと、SPリサイズ時に動かくなってしまうという状況です。
|
|
77
77
|
|
|
78
78
|
リセット処理がうまくいっていないのかと思い、
|