Jquery selectBoxは同じではなく、タブ内の幅を選択します。

Question

私は異なるフォームを持つ複数のタブを持っています。それらのタブの中にJquery selectBoxプラグインを使用してselectを置き換えます。

問題はタブまたはselectBoxプラグインに何らかの形でタブがあることです。 selectBoxプラグインの幅を変更すると、異なるタブの2つの同じ選択が異なる幅を持っていますが、幅の差は非常に狭いですが、素晴らしいフォームでは非常に悪いです。ここで

が問題とデモです：http://jsfiddle.net/kvdKr/1/

誰もがこの問題を解決する方法を知っていますか？ 。おかげで

UPDATE：$（ "選択"）を使用してこの問題解決

選択ボックス（ '破棄'）;前にタブが開かれ、$（ "select"）が使用されています。もう一度この問題を解決します。そこに詳細：私は直接の問題が何であるかを知らないながら、それが発生した場所https://github.com/claviska/jquery-selectBox/issues/11

Answer 1

だから、ここにある：

<div class="box"> <!-- I took the visible out of the class, if you only do this it will fix your problem, your select boxes will be the same width --> 
    <select id="amount" name="amount"> 
     <option value="select">Amount</option> 
     <option value="1">500</option> 
    </select> 
</div> 

<div class="box"> 
    <select id="amount" name="amount"> 
     <option value="select">Amount</option> 
     <option value="1">500</option> 
    </select> 
</div> 

その後、私はあなたの.ready関数内でこの行を追加：

$(document).ready(function(){ 
    $("select").selectBox(); 
    $('div.box').first().addClass('box visible');// <== So now I forced your box visible class on .ready and it works like a dream 
}); 

これは回避策ですが、それほど多くのコードではなく動作します）