Jquery, wie: Klicken Sie irgendwo außerhalb des div, das div blendet aus

8

In JQuery wie würde ich es so machen, dass, wenn ich ein div, mit verschiedenen Elementen darin, eine Auswahl, eine Sucheingabe usw. hätte, dass, wenn ich außerhalb des div auf der Seite klicke, das div verblasst aus, aber ich kann auf die Auswahl klicken und die Sucheingabe eingeben und nicht verblassen? jede Hilfe wird geschätzt. -nick

    
ExodusNicholas 23.01.2010, 20:54
quelle

7 Antworten

25

Die Antwort von Code Duck ist unvollständig, weil Sie sie nicht ausblenden lassen müssen, wenn Sie auf das DIV selbst klicken (nur außerhalb). Sagen Sie also, Ihr DIV, der ausgeblendet werden soll, hat eine ID von "Menü".

%Vor%

Die Verwendung von eins ist prägnanter als das Bind / Unbind. Namespaced-Ereignisse sind hier nicht unbedingt erforderlich, wenn Sie one verwenden, da Sie nicht explizit einen bestimmten Click-Handler für das Dokument aufheben müssen.

Das return false sagt nur "Stoppt dieses Ereignis bis zum Dokument."

    
jpsimons 23.01.2010, 23:12
quelle
3

Viele modale Dialoge verwenden ein teilweise transparentes Overlay, das die gesamte Seite abdeckt und anzeigt, dass der Dialog den Fokus hat. Ich würde dies als den besten Weg betrachten, um das zu erreichen, was Sie wollen. Wenn Sie nicht möchten, dass die Seite abgedunkelt oder ausgegraut wird, können Sie die Überlagerung immer vollständig transparent machen. Ein Beispiel finden Sie Facebox .

    
Zach B 23.01.2010 21:03
quelle
3
___ answer2125122 ___

Die Antwort von Code Duck ist unvollständig, weil Sie sie nicht ausblenden lassen müssen, wenn Sie auf das DIV selbst klicken (nur außerhalb). Sagen Sie also, Ihr DIV, der ausgeblendet werden soll, hat eine ID von "Menü".

%Vor%

Die Verwendung von eins ist prägnanter als das Bind / Unbind. Namespaced-Ereignisse sind hier nicht unbedingt erforderlich, wenn Sie one verwenden, da Sie nicht explizit einen bestimmten Click-Handler für das Dokument aufheben müssen.

Das return false sagt nur "Stoppt dieses Ereignis bis zum Dokument."

    
___ answer2124714 ___

Viele modale Dialoge verwenden ein teilweise transparentes Overlay, das die gesamte Seite abdeckt und anzeigt, dass der Dialog den Fokus hat. Ich würde dies als den besten Weg betrachten, um das zu erreichen, was Sie wollen. Wenn Sie nicht möchten, dass die Seite abgedunkelt oder ausgegraut wird, können Sie die Überlagerung immer vollständig transparent machen. Ein Beispiel finden Sie Facebox .

    
___ qstntxt ___

In JQuery wie würde ich es so machen, dass, wenn ich ein div, mit verschiedenen Elementen darin, eine Auswahl, eine Sucheingabe usw. hätte, dass, wenn ich außerhalb des div auf der Seite klicke, das div verblasst aus, aber ich kann auf die Auswahl klicken und die Sucheingabe eingeben und nicht verblassen? jede Hilfe wird geschätzt. -nick

    
___ answer8418193 ___
%Vor%

Das sollte tun .. Prost.

    
___ qstnhdr ___ Jquery, wie: Klicken Sie irgendwo außerhalb des div, das div blendet aus ___ answer2124696 ___

Probieren Sie diese Bibliothek Ссылка

aus     
___ answer22061015 ___

Sieh dir das an Demo ist hier

%Vor%     
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer2124723 ___

Sie können einen Klick-Handler an %code% like

binden %Vor%     
___
jlorich 13.07.2010 06:44
quelle
2
%Vor%

Das sollte tun .. Prost.

    
Mithun Karmakar 07.12.2011 15:49
quelle
0

Probieren Sie diese Bibliothek Ссылка

aus     
Dan 23.01.2010 20:57
quelle
0

Sieh dir das an Demo ist hier

%Vor%     
Suresh Pattu 27.02.2014 06:46
quelle
-1

Sie können einen Klick-Handler an $(document) like

binden %Vor%     
JAL 23.01.2010 21:04
quelle

Tags und Links