使用 jquery UI 定位元素

【问题标题】：Positioning an element with jquery UI使用 jquery UI 定位元素
【发布时间】：2012-03-13 07:03:26
【问题描述】：

我正在尝试创建一个元素并将其放置在第二个元素之上。我想要的是将新元素放置在从左上角偏移的主元素上的特定位置。当我运行下面的代码（Coffeescript）时，它或多或少地将 div 放在中间，但有点低于它。它应该在左上角，我知道我一定做错了什么但我不知道是什么/

              $("<div>")                      
                    .appendTo(window.targetElement)
                    .position(
                            my                 : "top left"
                            at                 : "top left"
                            of                 : window.targetElement
                            offset             : "#{placeholder.left} #{placeholder.top}"
                    )

【问题讨论】：

标签： jquery jquery-ui coffeescript

【解决方案1】：

在my 和at 中，水平分量必须在垂直分量之前：

$('<div>')
    .appendTo(window.targetElement)
    .position(
        my:     'left top'
        at:     'left top'
        of:     window.targetElement
        offset: "#{placeholder.left} #{placeholder.top}"
    )

演示：http://jsfiddle.net/ambiguous/WZc4r/

来自fine manual：

在
定义要定位的元素上的哪个位置与目标元素对齐：“水平垂直” 对齐。 [...]

强调我的。演示代码也将水平部分放在首位：

$( ".positionable" ).position({
    of: $( "#parent" ),
    my: $( "#my_horizontal" ).val() + " " + $( "#my_vertical" ).val(),
    at: $( "#at_horizontal" ).val() + " " + $( "#at_vertical" ).val(),
    //...

我猜顺序很重要，因为他们希望 my 和 at 匹配 offset 但 offset 只是两个数字。

【讨论】：