jQuery UI定位：窗口调整大小时

Question

http://jsfiddle.net/jqrmh/

$(".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)

- l2aelba

---

抱歉我的英语不好 :( - l2aelba

Answer 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：

只需将父元素的position:relative设置，并设置子元素的position:absolute。 然后，您只需设置子元素的top:0; right:0。

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

- James Montagne