twitter-bootstrap - 选择不使用选项卡引导程序

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

使用此代码：

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

Answer 3

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

<script type="text/javascript">

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

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

</script>