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(); 
});