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/

Jquery改变div的宽度

1 个答案: