jquery - 通过关闭按钮关闭工具提示后不会出现

Question

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

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

工具提示的正常行为:

Text => mouse hover => Tooltip come => Move cursor from the "Text" => Tooltip gone => Bring back mouse pointer to "Text" => Tooltip come again

我的问题:

Text => mouse hover => Tooltip come => click the "Close" => Tooltip gone => Bring back mouse pointer to "Text" => Tooltip doesn't come

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

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

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

Answer 1

您可以再次将鼠标悬停在它上面，您只需要稍等片刻，因为工具提示还不知道它已经关闭。

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

改用这个

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

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