jQueryのUIのAPI - .position（）
カテゴリ
メソッドのオーバーロード（方法、オーバーライド） | （メソッド内の）メソッド | ユーティリティ（ユーティリティ）
使用法
説明：別の要素に対する相対位置決め要素。
戻り値： jQueryの
新バージョン：1.8
.position( options )
| 参数 | 类型 | 描述 |
|---|---|---|
| options | Object |
|
jQueryのUI .position()メソッドを使用すると、相対的な（窓）を形成することができ、文書、または他の要素のポインタ（カーソル）/マウス（マウス）は親要素（オフセット）にかかわらず、相対オフセットの、要素を見つけます。
注：jQueryのUIは場所隠し要素をサポートしていません。
これは、独立したjQueryプラグイン、およびその他のjQuery UIコンポーネントへの依存関係がないです。
jQueryのからのプラグインの拡張機能は、内蔵.position（）メソッドを。 jQueryのUIがロードされていない場合、呼び出し.position()メソッドはjQueryのに存在するため、この方法は、単に失敗しません。 しかし、それは行動を期待されていません。
例
シンプルなjQueryのUIのローカライズ（位置）インスタンス。
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル> .position（）の例</タイトル>
<リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<スタイル>
.positionDiv {
位置：絶対;
幅：75px;
高さ：75px;
背景：緑;
}
</スタイル>
<SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト>
<SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト>
</ HEAD>
<ボディ>
<DIVのID = "targetElement">
<DIVクラス= "positionDiv" ID = "POSITION1"> </ div>の
<DIVクラス= "positionDiv" ID = "POSITION2"> </ div>の
<DIVクラス= "positionDiv" ID = "POSITION3"> </ div>の
<DIVクラス= "positionDiv" ID = "POSITION4"> </ div>の
</ DIV>
<スクリプト>
$（ "＃ポジション1」）.position（{
私：「センター」、
時：「センター」、
の：「#targetElement "
}）;
$（ "＃POSITION2」）.position（{
私：「トップの左」、
時：「左上」、
の：「#targetElement "
}）;
$（ "＃POSITION3」）.position（{
私：「右中央」、
時：「右下」、
の：「#targetElement "
}）;
$（ドキュメント）.mousemove（関数（イベント）{
$（ "＃POSITION4」）.position（{
私：「3 +左下-3」、
の：イベント、
衝突： "フィット"
}）;
}）;
</スクリプト>
</ BODY>
</ HTML>