JQuery change width 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); 

Это как сделать то, что вы просили, изменить ширину DIVs с помощью jQuery.

Возможно, вам следует уклониться от CSS и попытаться получить стили, установленные с вашей таблицей стилей, если ожидается, что ваш сайт/приложение будет функционировать без JavaScript.

Ссылка на рабочий пример: http://jsfiddle.net/Phu6y/5/