这是一个重复的问题question.当我结束(接受回答)这个问题时,我无法更新这个问题。顺便说一下,那个问题就解决了。但是,我现在面临一个新问题。这是我的Fiddle link
我的小提琴有两行。我使用了this tooltip plugin。两者都拥有它自己的工具提示(第一行包含"第一个工具提示"第二行包含"第二个工具提示")。我在工具提示中放了一个关闭按钮。当用户单击关闭图标时,将关闭工具提示。但问题是,如果用户关闭了" First Tooltip"通过单击关闭图标,该工具提示将被关闭。关闭后,如果用户再次将鼠标悬停在文本上(第一行),则该工具提示(" First Tooltip")不会再次出现。只有在开放后才会出现这种情况。第二个工具提示"悬停在第二行。我试图更轻松地解释它:
工具提示的正常行为:
Text =>鼠标悬停=>工具提示来=>从" Text"移动光标=> 工具提示消失了=>将鼠标指针移回" Text" =>工具提示来了 再次
我的问题:
Text =>鼠标悬停=>工具提示来=>点击"关闭" =>提示 走了=>将鼠标指针移回" Text" => 工具提示不会
这是通过点击"关闭"关闭工具提示的脚本。图标:
$(document).on('click', '.close', function() {
$('.tooltipster-base').hide();
});
如何修改它以便在点击"关闭"如果用户再次将鼠标指针放在该文本上,那么工具提示会再次显示?
答案 0 :(得分:0)
为什么不使用这个简单的html- <span title="this is tool tip. Asdfghjkl zxcvbnm">?</span>
所以当你鼠标悬停在它上面时,工具提示将在2秒内完成。它有效吗?或者我没有理解你的问题?
答案 1 :(得分:0)
你可以再次将鼠标悬停在它上面,你只需稍等一下,因为工具提示不知道它已经关闭了..
这是因为您使用jquery而不是通过工具提示插件隐藏工具提示。
改为使用
$('.tooltip').tooltipster('hide');
演示