0

フォームが異なる複数のタブがあり、そのタブ内で Jquery selectBox プラグインを使用して選択を置き換えます。

問題は、タブまたは selectBox プラグインに何らかの形で tabs css display:block; にあります。selectBox プラグインの幅を変更し、異なるタブで 2 つの同じ選択を行うと、幅が異なります。幅の違いは非常に小さいですが、適切な形式では見た目が非常に悪くなります。

ここに問題のあるデモがあります: http://jsfiddle.net/kvdKr/1/

誰でもこれを修正する方法を知っていますか? ありがとう

アップデート:

$("select").selectBox('destroy'); を使用してこの問題を解決しました。タブを開いて使用する前 $("select").selectBox(); これで問題は解決します。詳細はこちら: https://github.com/claviska/jquery-selectBox/issues/11

4

1 に答える 1

0

したがって、直接の問題が何であるかはわかりませんが、原因は次のとおりです。

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

それは回避策です、私は認めますが、それほど多くのコードではなく、動作します;)

于 2012-01-11T21:12:10.800 に答える