点击后jQuery UI Tooltip不会消失

Posted

技术标签:

【中文标题】点击后jQuery UI Tooltip不会消失【英文标题】:jQuery UI Tooltip won't disappear after click 【发布时间】:2016-05-15 21:35:08 【问题描述】:
$(document).ready(function()
$('[data-toggle="tooltip"]').tooltip();
);

我正在使用一些基本的 JS 在悬停时启用工具提示。但是,如果我单击带有工具提示的图标,它会一直保留在那里,直到我单击其他内容。我将如何更改上面的代码来做到这一点?

【问题讨论】:

您还希望工具提示做什么? 我只希望它出现在悬停时,否则消失。 如果是jQuery UI tooltip,最好在问题标题和标签中注明。 【参考方案1】:

查看 jQuery hover() 方法,它具有进入和退出处理程序:http://api.jquery.com/hover/

您可以分别在进入和退出的工具提示上调用open()close(): http://api.jqueryui.com/tooltip/#method-open

http://api.jqueryui.com/tooltip/#method-close

【讨论】:

以上是关于点击后jQuery UI Tooltip不会消失的主要内容,如果未能解决你的问题,请参考以下文章

Axure实现提示文本单击显示后自动消失的效果

Qt Tooltip如何防止文本在内置延迟后消失?

JQUERY Datepicker - 从 datepicker 选择日期后验证错误不会消失

点击后Jquery Toggle菜单消失

如何在Twitter Bootstrap工具提示上启用淡入淡出效果?

elbutton有点击事件tooltip不生效