【问题标题】:tooltip does not disappear工具提示不会消失
【发布时间】: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 都应添加到小提琴中。

标签: jquery qtip


【解决方案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/

【讨论】:

  • 非常感谢您提供的小提琴代码,我本地系统中的问题是我没有包含来自 qtip 的 css 文件,我认为这不是必需的,因此在悬停工具提示后没有删除但现在它正在工作
  • 当我将角更改为位置时,只是一个简单的问题:{角:{目标:'topRight',工具提示:'topRight'}}小提琴代码中的工具提示不会出现在顶部.你有什么想法吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-11-10
  • 2021-07-10
  • 1970-01-01
  • 1970-01-01
  • 2013-07-23
  • 2012-03-09
  • 1970-01-01
相关资源
最近更新 更多