2011-06-15 3 views
5

http://jsfiddle.net/jqrmh/JQuery UI Позиция: Когда окно изменения размера

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

Мне нужно мой ящик все еще остаются правой верхней части, когда я изменить размер окна ... я пытаюсь использовать «столкновение»: «соответствовать нужным» .. ... это не работает

http://jsfiddle.net/jqrmh/

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

+0

извините за плохой английский :( – l2aelba

+0

http://jsfiddle.net/jqrmh/3/ – l2aelba

ответ

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/

+0

благодарственное так много, я забыл про CSS: P – l2aelba

Смежные вопросы