AngularJS + Bootstrap-UI: Tooltip nicht ausgeblendet, wenn die Schaltfläche deaktiviert ist

8

Ich erstelle eine Web-App mit AngularJS + Twitter Bootstrap und Bootstrap-UI. Wenn ich einen Tooltip auf eine Schaltfläche platziere, wird dies wie erwartet angezeigt. Wenn die Schaltfläche jedoch nach dem Klicken auf deaktiviert (durch den zugrunde liegenden Controller) aktiviert wird und die QuickInfo angezeigt wurde, wird die QuickInfo nicht ausgeblendet und bleibt für immer dort. Hier ist eine Wiederholung:

Plunker: Ссылка

Halten Sie einfach die Maustaste gedrückt, um die QuickInfo anzuzeigen, und klicken Sie dann darauf. Die Schaltfläche ist deaktiviert und der Tooltip bleibt dort. Wie kann ich dieses Verhalten vermeiden und meine Tipps richtig ausgeblendet haben?

    
Naftis 10.04.2014, 13:05
quelle

3 Antworten

7

Ich fand, dass das einfache Ersetzen von Knöpfen mit Anker-Tags perfekt für mich funktionierte.

%Vor%     
devman81 24.11.2014, 10:42
quelle
2

Beim Durchsuchen von GitHub-Problemen habe ich den Vorschlag gefunden (scheint mit dem issue von Ihnen geöffnet) Umschlingungselement zu verwenden, die ein Tooltip um das Element hat: Ссылка

%Vor%     
Michael Vashchinsky 29.05.2014 08:22
quelle
0

Verwenden Sie die folgende Logik hier

HTML

%Vor%

JS

%Vor%

})

Souce

Tooltip für angular-ui bei benutzerdefiniertem Ereignis ausblenden

Ссылка

    
UberChris 10.04.2014 13:29
quelle