jquery - jquery ツールチップがモーダル ウィンドウの背後でレンダリングされている

Question

サイトのすべてのタイトル要素にJQuery ツールチップを適用しました。私が抱えている問題は、ツール ヒントがモーダル ダイアログの背後にレンダリングされるモーダル ポップアップ ページからのものです。ツールチップまたはダイアログの z オーダーを変更する必要があると思います。しかし、JqueryUI の 2 つの機能を一緒に使用しているので、これは驚きです。

これが私が document.ready() で呼び出しているすべてです

$(document).tooltip();

何が起こっているかを示すスクリーンショットを次に示します。

Answer 1

私の記憶が正しければ、どちらも body タグ内に新しい要素を作成します。したがって、これは単純な z-index 問題である必要があります。クラスを見つけて（要素を検査し、それらが持つクラスを確認し、それらを見つけます...ご存知のように...通常のもの）、ツールチップが大きくなるようにz-indexを変更します。

別の方法として、ツールチップ (またはモーダル ウィンドウは関係ありません) を呼び出すときに、スクリプトから z-index を設定することもできますが、これはお勧めしません。CSS ソリューションはよりクリーンで高速です。