javascript
  • jquery
  • 2017-04-14 7 views 0 likes 
    0

    私が持っているのhtmlメニュー

    $('.mobile-menu_icon').click(function(event) { 
     
        $('.menu-mobile_list').addClass('mobile-menu_active'); 
     
    });
    <img src="img/mobile.png" class='pull-right mobile-menu_icon visible-xs' alt=""> 
     
        <ul class='menu-mobile_list col-xs-6'> 
     
         <li class="menu-mobile_item"><a href="">Main</a></li> 
     
    \t <li class="menu-mobile_item"><a href="">Contacts</a></li> 
     
    \t <li class="menu-mobile_item"><a href="">About Us</a></li> 
     
    \t <li class="menu-mobile_item"><a href="">FAQ</a></li> 
     
        </ul>

    ような何か書き方:

    !$("ul, li").click(function(e){ 
        $('.menu-mobile_list').removeClass('mobile-menu_active'); 
    }) 
    

    (もし画面の別の場所でのユーザーのクリックではなくメニューで、メニューを閉じる必要があります)

    +0

    可能な重複http://stackoverflow.com/questions/4614120/not-class-selector-in-jquery – Eric

    +0

    あなたが求めている質問に直接答えるには、[否定のためのCSSセレクタ](https://developer.mozilla)があります。 org/ja-jp/docs/Web/CSS /:ではありません)。 '$( 'div:not(.some-class)')' –

    +0

    [$ .not()](http://api.jquery.com/not/)のように使うことができます。 –

    答えて

    1

    できないことは、

    01です
    $(body).click(function(e) 
    { if(!$(e.target).is('ul')) 
    { 
    $('.menu-mobile_list').removeClass('mobile-menu_active'); 
    } 
    }); 
    
    +0

    'e.target! = 'ul''は 'e.target'が** DOM要素**(常に*文字列*とは異なる値)であるため、常に' true'になります。 –

    +0

    http://api.jquery.com/is/ – RemyaJ

    +0

    あなたの回答を編集することができます。 –

    関連する問題