jquery - 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/