1. ホーム
  2. jquery

[解決済み] jQuery UIダイアログポジショニング

2022-09-11 04:31:44

質問

私は jQueryダイアログUI ライブラリを使用して、カーソルを置いたときにダイアログをテキストの横に配置しようとしています。 jQueryダイアログは、現在のビューポートの左上隅から測定される位置パラメータを取ります(言い換えれば、, [0, 0] は、現在どこまでスクロールしているかにかかわらず、常にブラウザウィンドウの左上隅に配置されます)。 しかし、私が知っている唯一の方法は、ENTIRE ページからの相対的な要素の位置を取得することです。

以下は、私が現在持っているものです。 position.top は 1200 くらいに計算されるので、ダイアログはページの他のコンテンツよりかなり下になります。

$(".mytext").mouseover(function() {
    position = $(this).position();
    $("#dialog").dialog('option', 'position', [position.top, position.left]);
}

正しい位置を見つけるにはどうしたらよいですか?

ありがとうございます。

どのように解決するのですか?

ダイアログの他の実装については、jQueryプラグインのいくつかをチェックしてください。 Cluetip は、機能豊富なツールチップ/ダイアログスタイルのプラグインであるように見えます。 4番目のデモは、あなたがやろうとしていることに似ています(ただし、あなたが探しているような正確な位置決めオプションはないようですね)。