他の要素を介したjQuery UIの配置

Question

誰も私の最初の質問のような短い作業をしましたが、今は別の問題で困っています。

これは主に私が疑っているjQueryの問題ですが、いくつかのMySQL変数に応じてエコーされているため、非常に混乱しています。私はjQueryUIがhereからの推薦を得たことを発見しましたが、この特定のコードは私にとってはまったく機能しません。

私はこの例のソースを見るだけで、PHPとMySQLの多くを取得しようとしました。変数が正常に動作しているようです。

次の例では、IDが100019のSPAN上にres10のIDを持つDIVを直接移動しようとしています.jQueryUIスクリプトが読み込まれるように設定されています。
タグは、2つの別々の場所にあることを示すためのものです。これが機能すると、SPANはほぼどこにでもできるはずです。

<script language="javascript"> 
$(function() { 

$("#res10").position({ 
    my:  "left top", 
    at:  "left bottom", 
    of:  $("#100019"), //I also tried just "#100019" and that didn't work. 
    collision: "fit" 
}) 

}); 

</script> 
<span id="151520"> [a spacer gif, but nothing else] </span> 
<br /><br /> 
<div class="resContainer res10" id="res10">Information and Such</div> 

resContainerクラスのCSSは、AT ALLオブジェクトを配置しないことに注意してください、いなくても、デフォルトの位置：属性。

編集：「なぜあなたはこれをやっているのですか？」と聞くかもしれません。ハードコードを使用するだけで、CSSだけで実現できるように見えるからです。理由の詳細の束に入ることなく、それはそのように動作しません知っている。

オフセット（）変数を取得してCSSを設定することでjQueryが同じことを達成できる場合、それは素晴らしいですが、束を試してみましたが、実際にはうまくいきませんでした。これは、PHP/MySQL（図示せず）によって生成されたすべてのDIVが、PHPスクリプトが呼び出される場所の下の画面の最下部にお互いの上に現れることです。

---

Answer 1

私はそれがどう起こったか正確にはわかりませんが、自分の問題を解決しました。たぶん文法エラーか間違ったUIの読み込みですが、ここで私はそれが私のために完全に動作しています。

// - Can be placed anywhere, as long as it occurs before the SPAN it's adjusting 
<script type="text/javascript"> 
$(function() { 
    $("#resContainer3").position({ 
    "my": "right top", 
    "at": "right top", 
    "of": $("#100013"), 
    "offset": "-3 7" 
}); 
}); 
</script> 

<span class=resContainer id=resContainer3></span> 

これは、自分と同じ問題が発生した場合に役立ちます。