2016-07-21 12 views
2

Wenn ich auf meine MDL-Speichern-Schaltfläche klicke, deaktiviere ich die Schaltfläche. Der Tooltip bleibt jedoch darunter hängen, wenn der Button deaktiviert wird. Gibt es eine Möglichkeit, den MDL-Tooltip mit Code zu verbergen?Wie MDL-Tooltip mit Javascript zu verstecken

<mdl.Button id="save1_Button" buttonType="mini-fab" buttonColor="primary" disabled={true}>Save</mdl.Button> 
<div className="mdl-tooltip" htmlFor="save1_Button"> 
    Save 
</div> 

Antwort

5

Es ist ein Hack, aber Sie können es tun, mit:

$('.mdl-tooltip.is-active').removeClass('is-active'); 

Ich weiß, das ist nur eine Abhilfe ist, aber ich konnte nicht eine unterstützte Art und Weise, es zu tun finden.

+0

Das ist der aktuelle Weg zu gehen. Sobald der 'Button' deaktiviert ist, stoppen alle damit verbundenen Berechnungen, um den' Tooltip' zu löschen, entfernen Sie die 'is-active' Klasse. Der Quellcode fügt auf jeden Fall "Ist aktiv" hinzu: https://github.com/google/material-design-lite/blob/mdl-1.x/src/tooltip/tooltip.js#L105 – nqngo