0

私は現在、メニューが押された場合にメニューが表示される非常に単純なjquery関数を持っています。

$(".menu").on("click", function( event ){
   $(".menulist").css("display","block");
   alert(event);
})

メニューボタンが再度クリックされた場合、またはメニューをクリックした場合は、再度表示したくありません。

次のようにオフ機能を試しましたが、とにかく機能しないことに気付きました：

$(".menu").off("click", function(){
   $(".menulist").css("display","none");     
})

これを行う方法についてアドバイスはありますか？それが役立つ場合、これはモバイルWebサイトにも適用されます

編集:イベントは最初の関数にあります。このイベントを使用して、アイテムが既に表示されているかどうかを確認できると思ったからです。それか別のどちらかですが、.menuの表示のcss値がblockまたはnoneと等しいかどうかを確認するには、on("click" function()を使用してから、そこからcssを変更しますか?これにより、クリックが解決されますメニューボタンですが、メニューからは外れません

4

7 に答える 7

0

toggle()関数が非推奨になったため:

$(".menu").on("click", function( event ){
   if( $(".menulist").css("display")!="none")
    {
       $(".menulist").css("display","none");
    }
    else{
      $(".menulist").css("display","block");
   }
});
于 2013-08-12T13:37:58.563 に答える