javascript - jquery qTip 鼠标悬停浏览器崩溃

Question

我试图在鼠标悬停事件中显示工具提示。我动态创建工具提示而不是作为前体（即在 document.ready 中创建 qtip）的原因是我生成了一个映射到对象列表的项目列表，并且我存储了每个对象的哈希键在“li”中隐藏元素的对象列表中，所以每次在 li 元素上有鼠标悬停时我都会抓住它。

重要的是，我似乎无法在鼠标悬停时显示工具提示，并且我注意到添加 qtip 会生成许多导致浏览器崩溃的鼠标悬停事件：

  $('.result-company-name').mouseover(function() {
            var key = $(this).parent().parent().parent().find('.result-company-key').text();

            var group = thisview.objGroup.getGroupFromKey(key);
            var contacts = group.spotlight().fields.contacts;

            if(!contacts)
                return;

            var qt = $(this).qtip(
            {
                content: contacts.length,
            });
            qt.qtip("show");

}

有什么想法吗？谢谢。

Answer 1

也许您正在某处生成无限循环？

Answer 2

通过使用 show: { ready: true } 在创建工具提示时立即显示它来修复。似乎工作正常。