jquery更改div的寬度

Question

我想更改使用以下代碼呈現的元素的寬度。我已經嘗試在定義中添加樣式寬度：xxpx元素，並嘗試定義一個新的CSS類來使用。我希望主容器下的容器大小相同。但下面的代碼呈現大約40-60。我使用jquery ui的樣式表（jquery-ui-1.7.1.custom.css）。

this.container = $('<div class="ui-multiselect ui-helper-clearfix ui-widget" ></div>').insertAfter(this.element); 
this.availableContainer = $('<div class="ui-widget-content list-container available"></div>').appendTo(this.container); 
this.selectedContainer = $('<div class="ui-widget-content list-container selected"></div>').appendTo(this.container); 

幫助？

Answer 1

var newWidth = this.container.width()/2; //I assume you want the child divs to be half the size of the parent? 
this.availableContainer.width(newWidth); 
this.selectedContainer.width(newWidth); 

這是怎麼做你問的，用jQuery改變DIV的寬度。

如果您的網站/應用程序預計在沒有JavaScript的情況下運行，您可能應該繼續抨擊CSS並嘗試獲取樣式表設置的樣式。

鏈接到工作示例：http://jsfiddle.net/Phu6y/5/