jquery - 剣道UIウィンドウを相対位置で開く

Question

それを呼び出したボタンに相対的な位置で剣道ウィンドウを開く方法はありますか

（ウィンドウを呼び出したボタンのすぐ隣にウィンドウを開きたい。）

Answer 1

HTML要素のx、y座標を取得するため

offset()

ドキュメントを基準にして、最初に一致した要素の現在のオフセットをピクセル単位で取得します。

position()

オフセットされた親に対する要素の上と左の位置を取得します。

これを知っていれば、簡単です... (サンプルページとして私の小さな svg プロジェクトを使用)

var x = $("#wrapper2").offset().left;
var y = $("#wrapper2").offset().top;

console.log('x: ' + x + ' y: ' + y);

出力：

x: 53 y: 177