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.

score 2 · Accepted Answer

您可以使用自定义事件，

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

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

score 0 · Accepted Answer

看起来您可能必须简单地qtip()在触发显示父级的相同位置触发（无论如何您这样做）。

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

2 回答 2