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按预期显示。但是一旦我离开div我创建了qTip2，它就会消失。我尝试了几个版本的hide，其中没有一个版本。

浏览器：IE9

Answer 1

@Tscheuge这应该这样做。

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

JSFiddle

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

1 个答案: