Question

抱歉我的英语不好。

我使用了选择宽度选项卡引导程序（http://getbootstrap.com/javascript/#tabs）。但是有问题。

默认选项卡KFC处于活动状态，当我单击选项卡POST：

时

http://i.stack.imgur.com/iL1hi.png

我使用Chosen v1.1.0和bootstrap 3。

我试过

$('#a[data-toggle="tab"]').on('shown.bs.tab', function () {
  $('.chosen-select', this).chosen();
});

但失败了。

感谢您阅读

Answer 1

添加CSS以应用宽度

<style>
.chosen-container { width: 100% !important; }
</style>

Answer 2

正如@luke_mclachlan建议的那样，尝试相应地设置所选择的选择

<script type="text/javascript">

    window.$(document).ready(function () {
        window.$(".chosen-select").chosen();
    });

    window.$('select').chosen({ width: '100%' });

</script>

Answer 3

使用此代码：

    var first = true;
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        if (e.currentTarget.id == "tab2"){
            if (first){
                $('.chosen-select').chosen();
                first = false;
            }
            else
            {
                $('.chosen-select').trigger('chosen:updated');
            }
        }
    });

选择不使用制表符引导程序

3 个答案: