jQuery resizable（）和多个alsoResizes？

Question

有没有办法在jQuery UI中设置多个alsoResizes？

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

我想设置其他一些元素来调整大小，而不只是一个。官方文档什么都没说。

Answer 1

尝试

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

Answer 2

你可以像这样传入一个字符串数组：

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

这些字符串应代表选择器。您还可以按类或ID调整大小。

Answer 3

这可以通过组合div来完成。

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


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

Answer 4

如果您有对象参考，那么您可以像这样使用：

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