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的{​​{1}}值为<div>时，我无法找到定义自己的函数并显示工具提示的方法。

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