JQuery UI-positie () probleem met een div binnen een div met spans

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
Ik heb ook een probleem vastgelegd: bugs.jqueryui.com/ticket/7819#trac -add-commentaar
toegevoegd de auteur JVerstry, de bron
@ Gary.S Controleer docs.jquery.com/UI/Position
toegevoegd de auteur JVerstry, de bron
Zou u een voorbeeld van het probleem kunnen posten jsfiddle.net ?
toegevoegd de auteur Madara Uchiha, de bron
jquery.position() retourneert alleen de positie van het element met betrekking tot het bovenliggende element. het verandert de positie niet. api.jquery.com/position
toegevoegd de auteur Gary.S, de bron
mijn fout, realiseerde me niet dat het jQuery UI was
toegevoegd de auteur Gary.S, de bron

1 antwoord

Het lijkt erop dat er een paar problemen met de jsfiddle zijn gepost, maar hier is een werkende versie:

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

Eigenlijk was het belangrijkste probleem dat ik zag dat de container (TOP_RIGHT) geen hoogte had, dus deze was al helemaal onderaan. Door de hoogte te veranderen, bewegen de kinderen zoals verwacht. Als u de code trapsgewijs wilt laten lijken die ingewikkelder lijkt dan alleen het toevoegen van pauzes, maar zou kunnen worden gedaan.

1
toegevoegd
Ok, ik ben erin geslaagd om het te laten werken zoals ik het ook wil: jsfiddle.net/xb4Rf/5. Had alleen het document deze vereiste breedte of hoogte expliciet gemaakt ...
toegevoegd de auteur JVerstry, de bron