Question

我有多个不同表单的选项卡，我在选项卡中使用Jquery selectBox插件来替换选择。

问题是tab或selectBox插件以某种方式显示css display：block;改变selectBox插件的宽度和两个相同的选择在不同的选项卡有不同的宽度，它是非常小的宽度差异，但在很好的形式，它看起来非常糟糕。

任何人都知道如何解决这个问题？感谢

更新

使用$（“select”）解决了这个问题.selectBox（'destroy'）;在tab打开并使用$（“select”）。selectBox（）;再次，这解决了这个问题。更多细节：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
});

这是一种解决方法，我承认，但它不是那么多代码而且有效;）

Jquery selectBox不一样选择选项卡内的宽度

1 个答案: