jQuery-UI可调整大小，调整所有子元素的大小

Question

我有一个我想扩展的div。 我正在使用jQuery-UI可调整大小的选项，但它没有调整孩子的大小，为什么？

这是我用来实例化它的代码：

$(this).resizable({
    alsoResize: $(this).find('*'),
}); 

代码深入到app中，所以我创建了一个应该包含重要部分的小提琴： http ： //jsfiddle.net/EnK4R/6/

这适用于图片标签： http ： //jsfiddle.net/EnK4R/12/我只是想弄清楚'*'选择器不能工作的原因

Answer 1

干得好。 这似乎没有调整整个文档的大小，检查底部的小提琴

var init = function(){
    $(this).resizable({
        alsoResize: '#'+$(this).attr('id')+' *'
    });
}

init.call($('#window'));

这使得代码几乎与你的代码一样短，并且它将适用于被调用到init调用中的内容。 请享用 ：）

http://jsfiddle.net/EnK4R/4/

Answer 2

首先修复窗口类选择器：将它从.window更改为#window 。 并使用选择器字符串alsoResize选项：

$('#window').resizable({
    alsoResize: '#window *'
}); 

小提琴： http ： //jsfiddle.net/1stein/EnK4R/