スパンを含むdiv内のdivを持つJQuery UI position()の問題

I am still new to jQuery UI. I want to align a <div> contain links (implemented as ) within another <div>. Here is the <div> definition in my HTML:

<div id='TOP'>
    <div id='TOP_LEFT'></div>
    <div id='TOP_MID'></div>
    <div id='TOP_RIGHT'>
        <div id="LOGIN_LINKS">
            Login  
            Registration
Forgot Password Logout </div> </div> </div>

I tried to use the position() method as following (within document-ready):

$("#"+LOGIN_LINKS).position({
    my: "center bottom",
    at: "center bottom",
    of: "#"+TOP_RIGHT
});

but my links are not aligned at the bottom.

enter image description here

Why? What am I doing wrong?

EDIT

After performing more tests, this issue does not happen when I put
after each span:

<div id="LOGIN_LINKS">
    Login
Regist
Forgot Password <!-- span id="logout">Logout

enter image description here

It seems like a bug to me !!!

0
私も問題を記録しました: bugs.jqueryui.com/ticket/7819#trac -add-comment
追加された 著者 JVerstry,
@Gary.S docs.jquery.com/UI/Position を確認してください。
追加された 著者 JVerstry,
問題の jsfiddle.net の例を投稿できますか?
追加された 著者 Madara Uchiha,
jquery.position()は、親に対する要素の位置だけを返します。それは位置を変えない。 api.jquery.com/position
追加された 著者 Gary.S,
私の間違いは、それがjquery UI
追加された 著者 Gary.S,

1 答え

投稿されたjsfiddleにはいくつかの問題があるようですが、ここには有効なバージョンがあります:

http://jsfiddle.net/xb4Rf/1/

基本的に私が見た主な問題は、コンテナ(TOP_RIGHT)に高さがなかったため、すでに底にあったことでした。高さを変更すると、子供は予想どおりに移動します。コードをカスケードして、ブレークを追加するよりも複雑に思えますが、実行することができます。

1
追加された
さて、私はそれも私が望むように動作させるために管理しています: jsfiddle.net/xb4Rf/5。 docだけがこの幅または高さの要件を明示的に指定した場合...
追加された 著者 JVerstry,