2012-05-27 11 views
8

ich eine Sucheingabe auf Fokus zu machen:wie div mit jquery zu verstecken, wenn irgendwo klicken außer einem div? es zeigt einen div mit Optionen mit folgenden

$("#search").focus(function(){ 

$("#options").fadeIn("fast"); 

}); 

ich mit dieser Funktion die div zurück bin versteckt

$("#search").blur(function(){ 

$("#options").fadeOut("fast"); 

}); 

jetzt das Problem selbst ist, wenn Benutzer klickt bei jedem Kontrollkästchen in #option versteckt es. Wie kann ich verhindern, dass es sich versteckt, wenn ich die Kontrollkästchen anklicke?

+0

ich verpasst); auf beiden Funktionen verzeihen Sie mir – danny

+0

bitte stellen Sie die HTML-Markup. –

+0

Diese Frage wurde bereits beantwortet unter http://stackoverflow.com/questions/152975/how-to-detect-a-click-outside-an-element. Sie haben dort mehrere mögliche Lösungen, um Ihr Problem anzugehen. – Pierre

Antwort

3
$("#search").blur(function(e){ 
    e.stopPropagation() 
    $("#options").fadeOut("fast"); 
}); 
+0

$ (this) .children ('input [type = checkbox]'). On ('click', function() {e.stopPropagation();}); // fehlt das nicht im Blur Listener? – mtizziani

Verwandte Themen