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

时间:2011-12-06 10:19:20

标签: javascript jquery jquery-ui

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

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


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

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

这适用于图片代码:http://jsfiddle.net/EnK4R/12/我无法弄清楚为什么'*'选择器无法正常工作

2 个答案:

答案 0 :(得分:2)

你去吧。这似乎并没有调整整个文档的大小,请查看底部的小提琴

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

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

这使代码几乎和你的代码一样短,并且它将适用于被调用到init调用中的内容。享受:)

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

答案 1 :(得分:0)

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

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

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