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

Javascript jQuery UI可调整大小,调整所有子元素的大小,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个div要缩放。我使用jQueryUI可调整大小选项来实现这一点,但它没有调整子项的大小,为什么 这是我用来实例化它的代码: $(this).resizable({ alsoResize: $(this).find('*'), }); 代码深藏在应用程序中,因此我创建了一个包含重要部分的提琴: 这适用于图像标记:我只是不明白为什么“*”选择器不能工作首先修复窗口类选择器:将其从.window更改为\window。并为alsoResize选项使用选择器字符串: $('#win

我有一个div要缩放。我使用jQueryUI可调整大小选项来实现这一点,但它没有调整子项的大小,为什么

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


$(this).resizable({
    alsoResize: $(this).find('*'),
}); 
代码深藏在应用程序中,因此我创建了一个包含重要部分的提琴:


这适用于图像标记:我只是不明白为什么“*”选择器不能工作

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

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

小提琴:给你。这似乎不会调整整个文档的大小,而是检查底部的提琴

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

init.call($('#window'));
这使得代码几乎与您的代码一样短,并且它可以处理任何被丢弃到init调用中的代码。享受:)


能否请您在所有子元素中包含HTMLY您尝试使用100%宽度和高度。这是我之前提出的问题,我已经完成了工作。它可能对您有用。在init函数中不起作用,因为我没有全局标识符:选择器“*”调整整个文档的大小,但是如果没有id怎么办?您在#窗口中放置了一个id?还有,文本没有调整大小…为什么?这会调整类的所有实例大小,这就是问题所在。那么为什么不能使用唯一的ID??它调整的是P元素的大小,而不是字体大小