jQuery UI 位置：当窗口调整大小时

【问题标题】：jQuery UI Position : When window resizejQuery UI 位置：当窗口调整大小时
【发布时间】：2011-09-15 13:05:01
【问题描述】：

$(".one").position({
        "my": "right top",
        "at": "right top",
        "of": $(".main"),
});

当我调整窗口大小时，我需要我的框仍然保持在右上方... 我尝试使用 "collision": "fit fit" .....它不起作用

http://jsfiddle.net/jqrmh/

(http://wiki.jqueryui.com/w/page/12138026/Position)

【问题讨论】：

抱歉英语不好:(

标签： jquery user-interface resize position

【解决方案1】：

你可以在调整大小时重新定位：

http://jsfiddle.net/jqrmh/4/

function moveit() {
    $(".one").position({
        "my": "right top",
        "at": "right top",
        "of": $(".main"),
        "collision": "fit fit"
    });
}

$(window).resize(function(){
   moveit(); 
});

moveit();

或者，假设没有其他原因您不能只使用 css：

只需设置父 positon:relative 并设置子 position:absolute。然后你可以设置孩子top:0; right:0。

http://jsfiddle.net/jqrmh/5/

【讨论】：