无论何时离开元素，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