[解決済み] 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番目のデモは、あなたがやろうとしていることに似ています(ただし、あなたが探しているような正確な位置決めオプションはないようですね)。
関連
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQuery データ属性の値に基づいて要素を検索する方法は?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
-
[解決済み】jQuery:keyPress Backspaceが発射されない?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Uncaught TypeError: 未定義のプロパティ 'length' を読み取れませんでした。
-
[解決済み] jest.fn()の値はモック関数またはスパイである必要があります。
-
[解決済み] JavaScript - 二重引用符のエスケープ
-
[解決済み] jQueryでPUT/DELETEリクエストを送信する方法は?
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] jQuery: テキストで要素を検索する
-
[解決済み】iPad版SafariでjQueryを使ってタッチイベントを認識させる方法は?可能でしょうか?
-
[解決済み] jQueryで<input type="text">のonchangeを実装するには?
-
[解決済み] XSLTでHTML5のdoctypeを設定する