javascript - 每当离开元素时，qTip2 总是关闭

Question

我有一个表格，所有单元格内都有 div。这些 div 有一个 qTip2 来显示额外信息。由于表格可能相当大，因此当我将鼠标悬停在 div 上时，我创建了 qTip2 元素。当用户单击该项目时，将显示 qTip2。

$('#queryResult div[data-distribution]').each(function() {
    var element = $(this);
    var distribution = element.data('distribution');

    element.hover(function() {
        element.qtip({
            content: {
                text: function() {
                    return '<div class="distributionTitle">Distribution:</div><div class="distributrionBody">' + distribution + '</div>';
                },
               title: 'Information',
               button: true
            },
            show: 'click',
            position: {
                my: 'top center',
                at: 'bottom center'
            },
            hide: {
                fixed: true,
                delay: 5000,
                event: false
            }                       
        });
    });
});

当我单击任何元素时，qTip2 将按预期显示。但当我离开创建 qTip2 的 div 时，它就会消失。我尝试了 hide 的几个版本，但没有一个有效。

浏览器:IE9

Answer 1

@Tscheuge 这应该可以。

hide: {
  fixed: true,
  event: false,
  leave: false  // emphasis here
} 

JSFiddle