Bootstrap-Button Tooltip ausblenden bei Klick

7

Auf meiner Seite habe ich einige Knöpfe. Wenn ein Benutzer auf die Schaltfläche klickt, wird ein Modal geöffnet. Wenn ein Benutzer die Schaltfläche bewegt, wird eine QuickInfo angezeigt.

Verwenden Sie diesen Code:

%Vor%

Das funktioniert, aber das einzige Problem ist, dass der Tooltip nach dem Klicken auf die Schaltfläche sichtbar bleibt und das Modal angezeigt wird. Sobald das Modal geschlossen ist, wird der Tooltip wieder ausgeblendet.

Wie kann ich das verhindern? Ich möchte nur, dass der Tooltip beim Schweben angezeigt wird und nicht immer wenn das zugehörige Modal sichtbar ist.

    
Mbrouwer88 29.01.2016, 08:00
quelle

5 Antworten

19

Es wurde mit Hilfe von

behoben %Vor%

Das Problem war, dass der Fokus auf der Schaltfläche bleibt, wenn das Modal geöffnet ist. Durch Ändern des Auslösers in den Mauszeiger wird das Problem gelöst.

    
Mbrouwer88 29.01.2016, 09:24
quelle
5

Sie sollten das Modal manuell mit einer On-Click-Funktion öffnen und den Tooltip manuell über jquery ausblenden. Nehmen Sie also die modalen Toggle-Attribute wie folgt aus der Schaltfläche:

%Vor%

und öffne dann das Modal mit deiner eigenen jquery onclick Funktion und verberge gleichzeitig den Tooltip:

%Vor%

Hier ist eine Geige, um euch diese funktionierende Geige

zu zeigen     
Steve K 29.01.2016 09:01
quelle
1

Wenn Sie den Tooltip vor einer Aktion schließen möchten, können Sie dies verwenden:

%Vor%

Zum Beispiel möchte ich den Tooltip vor dem Öffnen von modal schließen, hier mein Code:

%Vor%     
tyrodeveloper 28.09.2017 17:39
quelle
0

Verwenden Sie keine Datenattribute von mehreren Plug-ins für dasselbe Element. Zum Beispiel kann eine Schaltfläche nicht beide einen Tooltip haben und ein Modal umschalten. Verwenden Sie dazu ein Umbruchelement.

    
mokiSRB 29.01.2016 08:05
quelle
0
%Vor%     
Pankaj Upadhyay 10.01.2018 11:41
quelle

Tags und Links