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