如何使用 javascript 隐藏 MDL 工具提示

Question

当我点击我的 MDL 保存按钮时，我禁用了该按钮。但是，当按钮被禁用时，工具提示会卡在它下面。有没有办法用代码隐藏 MDL 工具提示？

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

Answer 1

这是一个 hack，但您可以通过以下方式做到这一点：

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

我知道，这只是一种解决方法，但我找不到受支持的方法。

如何使用 javascript 隐藏 MDL 工具提示

How to hide MDL tooltip with javascript

material-design-lite