【发布时间】:2014-02-20 16:28:30
【问题描述】:
我有一个 div,我想在用户将鼠标悬停在 div 上时将一些内容显示为工具提示,问题是我有一个动态内容,所以我无法在属性标题中修复它们:
为此,我发现 qtip 很有用,我编写了如下代码:
$(document).ready(function () {
$('#plus_entity').qtip({
content: 'This is an active list element</br>This is an active list element',
show: 'mouseover',
hide: 'mouseout',
position: {
corner: {
target: 'topRight',
tooltip: 'bottomLeft'
}
},
style: {
classes: 'test'
}
});
});
(我不知道如何将 qtip 添加到小提琴中,但在我的系统中它可以工作)
现在我的问题是当鼠标离开时工具提示框不会消失?
谁能帮忙,或者如果你认为我应该使用更好的插件,请告诉我?
【问题讨论】:
-
您的 html 已损坏。您不能将 html 标签放在属性中。
-
抱歉,我正在努力正确插入我的代码这是小提琴的链接:jsfiddle.net/hminaee/22v2F
-
您可以使用左侧的外部资源选项卡将外部资源添加到 jsfiddle。只需粘贴一个公共网址,然后单击加号按钮。您可以在此处找到用于 js 和 css 的 qtip 的 cdn 版本:qtip2.com/download js 和 css 都应添加到小提琴中。