2016-07-25 1 views
0

ich ein div ausblenden möchten, wenn sie außerhalb davon Benutzer klicken Sie aber nicht eine bestimmte divjQuery ein DIV zu verstecken, wenn der Benutzer außerhalb davon anklickt, aber nicht auf einem perticular div

$('.todo_menu_open').click(function(){ 

    $('.css_content').toggle(); 
    $('.todo_before').toggle(); 
    $('.todo_after').toggle(); 
    }); 

    $(document).mouseup(function (e) { 
    var container = new Array(); 
    container.push($('.css_content')); 
    container.push($('.todo_before')); 
    container.push($('.todo_after')); 

    $.each(container, function(key, value) { 
     if (!$(value).is(e.target) // if the target of the click isn't the container... 
      && $(value).has(e.target).length === 0) // ... nor a descendant of the container 
     { 
     $(value).hide(); 
     } 
    }); 
    }); 

aber nicht ein klicken Sie auf die container.push ($ ('. css_content'));

+1

Können Sie auch den HTML-Code veröffentlichen, bitte nicht verwenden können? – EddNewGate

Antwort

0

Hoffnung hasclass wird nützlich sein. Es gibt einen booleschen Wert

if (!$(e.target).hasClass('css_content')){ 
     $(value).hide(); 
     } 

Sie auch id Selektor

if(e.target.id !=="someIdOfContainer){ 
     $(value).hide(); 
} 
Verwandte Themen