工具提示并没有消失

我有一个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摆弄遗憾的是，但在我的系统它的工作原理）

现在我的问题是，当鼠标离开发生工具提示框不会消失？

任何人都可以帮助，或者如果你认为我应该使用更好的插件，请让我知道吗？

来源

2014-02-20 Hamed Minaee

你的HTML被打破。你不能在属性中放置html标签。 – Fresheyeball

对不起，我正在努力正确插入我的代码以下是链接到小提琴：http：//jsfiddle.net/hminaee/22v2F/ –

您可以使用左侧的外部资源选项卡将外部资源添加到jsfiddle。只需粘贴一个公共网址并点击加号按钮即可。您可以在这里找到适用于js和css的qtip的cdn版本：http://qtip2.com/download js和css都应该添加到小提琴中。 – HJ05

什么似乎是一个问题？这里是工作示例：

$('#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/

来源

2014-02-20 16:50:03

非常感谢您的小提琴代码在我的本地系统中的问题是，我没有包括来自qtip的css文件，我认为这不是必需的，所以在悬停后，工具提示没有删除，但现在它工作 –

只是一个当我改变的角落位置快速的问题：{ 角落：{ 目标：“topRight”，提示：“topRight” }} 在提琴代码刀尖不会在顶部。做显示你有什么理念？ –

看到更新的小提琴：http://jsfiddle.net/H4aTZ/301/ –

工具提示并没有消失

回答

相关问题