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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的jQuery相关文章