jQuery UI Position:当窗口调整大小时

时间:2011-06-15 13:22:27

标签: jquery user-interface resize position

http://jsfiddle.net/jqrmh/

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

当我调整窗口大小时,我需要将我的盒子保持在右上角... 我尝试使用“碰撞”:“合身”.....它不起作用

http://jsfiddle.net/jqrmh/

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

1 个答案:

答案 0 :(得分:8)

你可以重新调整大小的位置:

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/