qTip：当元素变得可见时显示工具提示

Question

我有一个qTip工具提示附加到我父母的<div>隐藏的页面上的元素（display: none）。当父母变得可见时，我想自动显示工具提示（display: block）。这可能吗？

样本HTML：

<div id="parent" style="display: none;"> 
    <div id="child">Child Element</div> 
</div> 

JS：

$("#child").qtip(); 

我使用ready选项来触发自动提示尝试：

$("#child").qtip({ 
    ready: true 
}); 

但这使得显示工具提示即使父母<div>已隐藏。

qTip还提供了一个when选项，您可以在某个事件发生时显示工具提示，但只接受内置的jQuery事件。我无法找到一种方法来定义我自己的功能，并显示工具提示display父母<div>的值是block。

Answer 1

你可以使用一个自定义事件，

$("#child").qtip({ 
    show: { when: { target: $("#child").parent(), event: "showevent" } } 
}); 

$("#parent").show().trigger("showevent"); 

http://craigsworks.com/projects/qtip/docs/reference/

Answer 2

看起来你可能只需触发qtip()触发显示父母（但你这样做）的地方。

$('#whatever').on('click', function() { // just as an example 
    $('#parent').show(); 
    $('#child').qtip(); 
});