2011-12-06 157 views
0

我有一個div,我想縮放。我正在使用jQuery-UI可調整大小的選項,但它沒有調整孩子的大小,爲什麼?jQuery-UI可調整大小,調整所有子元素的大小

這是我使用初始化它的代碼:


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

的代碼是深的應用程序裏面,所以我創建了應該包含的重要組成部分提琴: http://jsfiddle.net/EnK4R/6/

這工作與image標籤:http://jsfiddle.net/EnK4R/12/我只是不知道爲什麼'*'選擇器不能工作

+0

能否請您包括您嘗試使用寬度和高度HTML – ManseUK

+0

爲100%,在所有的子元素。 –

+0

這是我以前問過和工作過的.http://stackoverflow.com/questions/7907136/how-to-resize-textbox-and-get-dimensions-inside-div-element-using-jquery可能會對你有用。 – coder

回答

2

在這裏你去。這似乎沒有調整整個文檔,在底部

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

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

這使得代碼幾乎儘可能短,你簽了小提琴,它會用什麼都被攆到調用初始化工作。享受:)

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

+0

如果沒有身份證,該怎麼辦? – chacham15

+0

好吧,你把#window所以有一個ID? – Owen

+0

http://jsfiddle.net/EnK4R/6/ – chacham15

0

首先修復窗口類選擇器:將其從.window更改爲#window。並將選擇字符串alsoResize選項:

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

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

+0

在init函數內不起作用,因爲我沒有全局標識符:http://jsfiddle.net/EnK4R/2/選擇器'*'調整整個文檔的大小 – chacham15

相關問題