工具提示在通过关闭按钮关闭后没有出现

Question

这是question. 的一种重复问题当我已经结束（接受答案）该问题时，我无法更新该问题。顺便说一句，这个问题已经解决了。但是，我现在面临一个新问题。这是我的Fiddle link

我的小提琴有两条线。我用过this tooltip plugin。两者都有自己的工具提示（第一行包含“第一个工具提示”，第二行包含“第二个工具提示”）。我在工具提示中放了一个关闭按钮。当用户单击关闭图标时，工具提示将被关闭。但问题是，如果用户通过单击关闭图标关闭“第一个工具提示”，则该工具提示将被关闭。关闭后，如果用户再次将鼠标悬停在文本上（第一行），则该工具提示（“First Tooltip”）将不会再次出现。只有在通过将鼠标悬停在第二行打开“第二个工具提示”后才会出现。我试图更容易地解释它：

工具提示的正常行为：

文本 => 鼠标悬停 => 工具提示来 => 从“文本”移动光标 => 工具提示消失 => 将鼠标指针带回“文本”=> 工具提示出现 再次

我的问题：

文本 => 鼠标悬停 => 工具提示来 => 点击“关闭” => 工具提示 消失 => 将鼠标指针移回“文本” => 工具提示没有出现

这是通过单击“关闭”图标关闭工具提示的脚本：

$(document).on('click', '.close', function() {
    $('.tooltipster-base').hide();
});

如何修改它，以便在用户再次将鼠标指针放在该文本上单击“关闭”图标后，工具提示也会再次出现？

Answer 1

你可以再次将鼠标悬停在它上面，你只需要稍等一下，因为工具提示还不知道它已经关闭了..

发生这种情况是因为您使用 jquery 隐藏了工具提示，而不是通过工具提示插件。

改用这个

$('.tooltip').tooltipster('hide');

http://jsfiddle.net/YM84U/11/的演示

Answer 2

你为什么不使用这个简单的 html-
<span title="this is tool tip. Asdfghjkl zxcvbnm">?</span> 所以当你将鼠标悬停在它上面时，工具提示会在 2 秒内出现。它在工作吗？还是我没听懂你的问题？