jquery工具提示,但点击而不是悬停

Question

我们使用'title'属性来显示鼠标悬停.我们现在希望它在点击时显示.如何获得一个看起来像标题/工具提示的浮动框,但是可以按需显示和隐藏而不是绑定到悬停？

Answer 1

如果您想要手动编码,这应该可以胜任:

html:

<div id="tooltip" style="display:none;">bla bla</div>

<div id="yourLink">Click here to show the tooltip!</div>

和JS:

$('#yourLink').click(function(){
  $('#tooltip').toggle();
});

您只需要正确设置工具提示div的样式

那里还有很好的工具提示插件.iftrue提到一个,也有这一个