Положение пользовательского интерфейса jQuery: при изменении размера окна

Question

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)

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:

Просто установите родительский positon:relative и дочерний position:absolute.Тогда вы можете просто установить ребенка top:0; right:0.

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