Jquery UI位置（）問題與包含跨度的div內的div

我還是JQuery UI的新手。我想要在另一個<div>內對齊包含鏈接（實現爲<span>）的<div>。這裏是<div>定義在我的HTML：Jquery UI位置（）問題與包含跨度的div內的div

<div id='TOP'> 
    <div id='TOP_LEFT'><img src="images/Logo_150x50.png"></div> 
    <div id='TOP_MID'><select id="ffonts"></select></div> 
    <div id='TOP_RIGHT'> 
     <div id="LOGIN_LINKS"> 
      <span id="login">Login</span>&nbsp;&nbsp; 
      <span id="registr">Registration</span><br /> 
      <span id="forgotpwd">Forgot Password</span>&nbsp;&nbsp; 
      <span id="logout">Logout</span> 
     </div> 
    </div> 
</div>

我試圖用位置（）方法如下（在文件就緒）：

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

，但我的鏈接不會在底部對齊。

enter image description here

爲什麼？我究竟做錯了什麼？

編輯

進行更多的測試後，當我每次間隔後，把<br />這個問題不會發生：

<div id="LOGIN_LINKS"> 
    <span id="login">Login</span><br /> 
    <span id="registr">Regist</span><br /> 
    <span id="forgotpwd">Forgot Password</span> 
    <!-- span id="logout">Logout</span --> 
</div>

enter image description here

這似乎是一個錯誤給我！！

來源

2011-10-27 JVerstry

你可以發佈http://jsfiddle.net這個問題的例子嗎？ –

我也登錄過一個問題：http://bugs.jqueryui.com/ticket/7819#trac-add-comment – JVerstry

jquery.position（）只返回元素相對於父級的位置。它不會改變位置。 http://api.jquery.com/position/ –

，似乎有與發佈的jsfiddle的一些問題，但這裏是一個工作版本：

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

基本上主要的問題，我看到的是，該容器（TOP_RIGHT）沒有一個高度所以它已經在底部了。如預期的那樣改變高度會使孩子們移動。如果你想級聯代碼，看起來更加複雜，而不僅僅是添加中斷，但可以完成。

來源

2011-10-27 23:22:23

好吧，我已經設法使它工作就像我也想要它：http://jsfiddle.net/xb4Rf/5/。如果只有doc使這個寬度或高度要求明確... – JVerstry

Jquery UI位置（）問題與包含跨度的div內的div

回答

相關問題