2011-06-15 13 views
5

http://jsfiddle.net/jqrmh/jQuery UI Posizione: Quando la finestra ridimensionare

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

ho bisogno di mia casella di rimanere ancora a destrasopra quando la finestra a ridimensionare ... cerco di usare "collisione": "fit fit" .. ... non funziona

http://jsfiddle.net/jqrmh/

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

+0

dispiace per cattivo inglese :( – l2aelba

+0

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

risposta

8

si può solo ri-posizione sul ridimensionamento:

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(); 

In alternativa, assumendo che non c'è qualche altra ragione non si può semplicemente usare i CSS:

Basta impostare il genitore positon:relative e impostare il bambino position:absolute. Quindi puoi semplicemente impostare il bambino top:0; right:0.

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

+0

grazie mille, ho dimenticato CSS: P – l2aelba

Problemi correlati