我正在使用以下工具提示: http ://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
这非常有效,但是是否支持实现在悬停时保持打开的工具提示?还是一种实现方式?
我正在使用以下工具提示: http ://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
这非常有效,但是是否支持实现在悬停时保持打开的工具提示?还是一种实现方式?
最后,我选择为“粘性”工具提示创建一个单独的 jquery 插件。
它与通常的工具提示基本相同,只是它不会在鼠标移出时隐藏自己。
如果想看实现,查看原jquery tooltip中的'createHelper'方法,修改如下:
helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div></div>')
.bind('mouseleave', function () { hide(undefined, settings); })
// add to document
.appendTo(document.body)
// hide it at first
.hide();
上面的内容基本上是:创建一个 div 父级,并使其保持打开状态,直到用户离开打开的工具提示。