2011-02-10 6 views
0

次のコードを使用してレンダリングされる要素の幅を変更します。私はスタイルの幅を追加しようとしました:xxpx要素を定義し、新しいcssクラスを定義しようとします。私は、メインコンテナの下の両方のコンテナを同じサイズにしたい。しかし、次のコードは約40-60レンダリングされています。私はjquery ui(jquery-ui-1.7.1.custom.css)からスタイルシートを使用しています。divの幅を変更する

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); 

ヘルプ?

答えて

4
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/

+0

があることを試みたが、うまくいきませんでした。 – Chandra

+0

?その場合は、問題はJavaScriptではなく他の場所で提供されるため、おそらくもう少し情報を提供する必要があります。私が投稿したものはうまくいきます。私が編集したばかりのjsfiddleリンクを確認してください。あなたのために働いていない場合、問題はどこか他の場所です。 – elwyn

+0

よく見えます。私は、3000行のjsを手抜きし続けます。 – Chandra

関連する問題