工具提示不会消失

时间:2014-02-20 16:28:31

标签: jquery qtip

我有一个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'
 }
});

});

enter image description here

(我不知道如何添加qtip来为对不起,但在我的系统中它有效)

现在我的问题是,当mousre离开时,工具提示框不会消失?

任何人都可以提供帮助,或者如果您认为我应该使用更好的插件,请告诉我们?

1 个答案:

答案 0 :(得分:1)

什么似乎有问题?这是一个有效的例子:

$('#plus_entity').qtip({
        content: 'This is an active list element</br>This is an active list element',
        hide: {
            fixed: true,
            delay: 300
        }
    });

http://jsfiddle.net/H4aTZ/295/