2

問題を示すために単純な jsfiddle を作成しました:
http://jsfiddle.net/jacqueline01/rCW85/

ドロップダウン/トグル メニューを表示するには、ブラウザのサイズを変更してください。この簡略化されたフィドルは、このチュートリアルから作成されています。

問題
ドロップダウン/トグル メニューが表示されている場合、リンクをクリックするか、メニューの外側をクリックすると自動的に閉じるようにします。これは、ブラウザーの幅が 500px 未満の場合にのみ発生します。（フィドルを参照）

私は以下を追加しようとしました：

$("html").click(function() {
    // Code to slideUp the .menu-items
});

ただし、この機能はもちろん、ブラウザの幅が 500px を超える場合にも機能します。< 500px JS コード内で動作させることができません。

HTML内の任意の場所をクリックしてモバイルメニューが表示された後、メニューをスライドアップする方法を探しています。

どんな助けでも大歓迎です。前もって感謝します！

4

1 に答える 1

0

jsfiddle.net/rCW85/10 より優れた単純な css メニューを試してください (外部リソース セクションの css を確認してください。micjamking.github.io/Navigataur でデモを行ってください。メディア クエリの幅を 500 に変更するだけです。

ユーザーが外側をクリックしたときにメニューを閉じたい場合は、これを試してください jsfiddle.net/aamir/rCW85/11

于 2013-11-19T15:51:21.003 に答える