私は以下のコードを使用して、アンカーをクリックするとナビゲーションメニューを表示/非表示にします。ユーザーがメニューをクリックしたときにメニューを非表示にする良い方法はありますか?
私が抱えている問題は、初めてページが読み込まれ、アンカーを2回クリックして表示する必要があるということです。その後、1回のクリックでメニューを切り替えることができます。私はまた、ドキュメント上の任意の場所にあるメニューをクリックして隠すことができます。
誰かが以下のコードに問題があるか、ユーザーがメニューをクリックしたときにメニューを非表示にする良い方法を知っていますか?
$('#aToggleQuickNavigation').click(function() {
$('#ulQuickNavigation').toggle();
});
$('html').click(function() {
if ($('#ulQuickNavigation').css('display') == 'block') {
$('#ulQuickNavigation').css('display', 'none');
}
$('#aToggleQuickNavigation').click(function (event) {
event.stopPropagation();
});
$('#ulQuickNavigation li a').click(function (event) {
event.stopPropagation();
});
});
マウスオーバーで一般的にメニューの作業は、ページの任意の追加のポートをカバーしている場合、クリックしません。そうすると、マウスをクリックするとマウスが閉じず、閉じられませんでした。ここでユーザーエクスペリエンスを再考する必要があります。 –
キーボードでナビゲートする人はいなくなります。私は本当にsuperfishのようなソリューションで燃えて行くことをお勧めします。 – steveax
yuoはhtmlコードを提供できますか?私はあなたがクリックしないでホバリングを使用することをお約束したと思う。 –