1

アイコンをクリックして開き、メニュー項目をクリックしてもメニューが消えないモバイルメニューがあります。私は 1 ページのサイトを持っているので、すべてを網羅しています。これは私が持っているスクリプトです。何か追加する必要がありますか？

<script type="text/javascript">
$("#nav").addClass("js").before('<div id="menu">&#9776;</div>');

$("#menu").click(function(){
    $("#nav").toggle();
    $("#nav").addClass("dropdown")();
});
</script>
4

1 に答える 1

0

このコードは安全に削除できると思います: $("#nav").addClass("dropdown")();CSS ルールが に適用されていない限り.dropdown、それらを表示する必要があるため、その場合はより適切にサポートできますが、そうでない場合は、#nav の CSS に配置するだけではありません。

#nav { display: none; }

これにより、最初は非表示に.toggleなり、クリックされるたびに表示状態が自動的に切り替わります。

<div id="menu">&#9776;</div>また、ページの実際の HTML ではなく、jQuery を使用して追加している理由は何ですか? 個人的には、ページの HTML タグ内に追加するだけbodyです。コードに値するとは思えないからです。要素の前にHTMLに配置するだけですid="nav"

于 2013-09-10T01:29:47.520 に答える