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

发布于 2024-12-26 01:19:31 字数 598 浏览 1 评论 0原文

我有多个具有不同形式的选项卡，并且我在该选项卡内使用 Jquery selectBox 插件来替换选择。

问题在于 tabs 或 selectBox 插件以某种方式 tabs css display:block;更改 selectBox 插件宽度，并且不同选项卡中的两个相同选择具有不同的宽度，宽度差异非常小，但在良好的形式下，它看起来非常糟糕。

这是存在问题的演示： http://jsfiddle.net/kvdKr/1/

任何人都知道怎么做解决这个问题？谢谢

更新：

通过使用 $("select").selectBox('destroy'); 解决了这个问题在打开和使用选项卡之前 $("select").selectBox();再次，这解决了问题。更多详细信息： https://github.com/claviska/jquery-selectBox/issues/11

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

抽个烟儿 2025-01-02 01:19:31

因此，虽然我不知道直接问题是什么，但这就是导致问题的原因：

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

我承认，这是一种解决方法，但代码并不多，而且可以工作；）

So while I don't know what the direct problem is, here is where it is caused:

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

Then I added this line in your .ready function:

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

It's a workaround, I admit, but it's not THAT much code and it works ;)

回复收藏 0 原文

~没有更多了~