关闭按钮关闭后,工具提示不会出现

时间:2014-07-08 14:37:44

标签: jquery css jquery-tooltip

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

我的小提琴有两行。我使用了this tooltip plugin。两者都拥有它自己的工具提示(第一行包含"第一个工具提示"第二行包含"第二个工具提示")。我在工具提示中放了一个关闭按钮。当用户单击关闭图标时,将关闭工具提示。但问题是,如果用户关闭了" First Tooltip"通过单击关闭图标,该工具提示将被关闭。关闭后,如果用户再次将鼠标悬停在文本上(第一行),则该工具提示(" First Tooltip")不会再次出现。只有在开放后才会出现这种情况。第二个工具提示"悬停在第二行。我试图更轻松地解释它:

工具提示的正常行为:

  

Text =>鼠标悬停=>工具提示来=>从" Text"移动光标=>   工具提示消失了=>将鼠标指针移回" Text" =>工具提示来了   再次

我的问题:

  

Text =>鼠标悬停=>工具提示来=>点击"关闭" =>提示   走了=>将鼠标指针移回" Text" => 工具提示不会

这是通过点击"关闭"关闭工具提示的脚本。图标:

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

如何修改它以便在点击"关闭"如果用户再次将鼠标指针放在该文本上,那么工具提示会再次显示?

2 个答案:

答案 0 :(得分:0)

为什么不使用这个简单的html- <span title="this is tool tip. Asdfghjkl zxcvbnm">?</span>所以当你鼠标悬停在它上面时,工具提示将在2秒内完成。它有效吗?或者我没有理解你的问题?

答案 1 :(得分:0)

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

这是因为您使用jquery而不是通过工具提示插件隐藏工具提示。

改为使用

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

http://jsfiddle.net/YM84U/11/

演示