jQuery Drop - down einblenden/ausblenden onclick - verstecken muss, wenn ein Klick außerhalb

Ich habe ein drop-down-Menü arbeiten mit dem code unten. Es zeigen/ausblenden klicken Sie auf auf gut, aber ich bin auf der Suche, um es zu verbergen, wenn ich auf eine Stelle außerhalb des Menüs auch - kann jemand helfen, das Gehirn nicht arbeiten heute?

    $( "li.dropmenu" ).click(function() {
    $( this ).toggleClass( 'selected' );

    if ( $( this ).hasClass( 'selected' ) ) {
        $( '.dropdown' ).show();
    } else {
        $( '.dropdown' ).hide();
    }

});
InformationsquelleAutor 50dollanote | 2014-03-26
  1. 0

    Versuchen, diese

    $(document).ready( function(){
   $( "li.dropmenu" ).click(function() {
      $( this ).toggleClass( 'selected' );

      if ( $( this ).hasClass( 'selected' ) ) {
        $( '.dropdown' ).show();
      } else {
        $( '.dropdown' ).hide();
      } 
    });

    $(document).click( function(){
        $('.dropdown').hide();
    });
});

    DEMO

    • Leider scheint dies nicht zu funktionieren - das Dropdown gar nicht angezeigt.
    • $("body").click(function() { $(".dropdown").hide(); }); Versuchen, diese
    • mit dem Klick auf den Körper versteckt es, onclick, so erscheint es nie als die klicken Sie auf, um zu zeigen, in den Körper der hide überwältigt in der ersten show
    InformationsquelleAutor Sridhar R
  2. 0

    Seine alte Frage, aber wenn jemand anders das gleiche problem hat, es gelöst werden kann mittels click-Ereignis. Idee ist, lassen Sie das betreffende element über dessen id oder eine Klasse und klicken Sie auf den Körper.

        $('body').click(function(e){
        if($(e.target).attr('class')!=='dropmenu')
            $('.dropdown').hide();
    });

    Ich hoffe, es hilft

    InformationsquelleAutor Learner
Schreibe einen Kommentar