2010-03-20 10 views
9

¿Hay alguna manera de establecer múltiples tamaños de bits en la interfaz de usuario de jQuery?jQuery resizable() y multiple alsoResizes?

$('.selector').resizable({ alsoResize: '.other' }); 

Me gustaría establecer un par de otros elementos para cambiar el tamaño, no solo uno. La documentación oficial no dice nada.

Respuesta

15

tratar

$('.selector').resizable({ alsoResize: '.other,.another,.andmanymore' });

+1

no funciona si le das una colección jQuery: 'también Tamaño: $ ('.otro, .otro, .andmanymore')' que es desafortunado si tienes una vista de Backbone y no quieres cambiar el tamaño de todo en la página (por ejemplo, quiero usar 'this. $ ('. other, .another, .andmanymore')') Aparece el código de la interfaz de usuario de jQuery para evitarlo por completo –

+0

porque 'this' no es un jQuery elemento que puede hacer '$ ('. other, .another, .andmanymore'). add (this)' en su lugar o al revés o perhasp '$ (this) .find ('. other, .another, .andmanymore') ' – Val

+0

@CalebHearon y también para no olvidar el contenido: http://api.jqueryui.com/resizable/#option-containment – Val

0

esto se puede hacer mediante la combinación de la div s.

var foo = $('.foo').attr('id'); 
var bar = $('.bar').attr('id'); 
var bar = $('.bar').attr('id'); 
var alsos = '#' + foo + ', #' + bar; 


$('.selector').resizable({ 
alsoresize:alsos, 
}); 
0

Si tiene referencia de objeto, puede utilizar la siguiente manera:

$(el).resizable(
     { 
      alsoResize: [ el.children[0], el.children[1] ] 
     }); 
1

se puede pasar en una matriz de cadenas de este modo:

$('.selector').resizable({ alsoResize: [ 
    '.other', 
    '.and-another', 
    '#and-one-more' 
]}); 

Estas cadenas deben representar selectores. También puede cambiar el tamaño por clase o id.