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

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

解决方法

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

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提到一个,还有this one

原文地址：https://www.jb51.cc/jquery/175709.html