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/