Jquery Select2最初隐藏时不显示占位符

使用带有多个属性的初始隐藏的

上的Select2时，占位符不会显示。查看代码，我可以看到选择器

.select2 container--default.select2 search--inline.select2-search\u字段的宽度为0px（猜测是因为它是隐藏的）


$（'[data trigger=“open”]'）。在（'click'，function（）上{
$（'[data target=“open”]'）。toggleClass（'hidden'）；
})
$（'.select2'）。选择2({
宽度：“100%”
});
。隐藏{
显示：无；
}


选择1
选择2
选择3
问题在于，默认情况下，当div处于隐藏状态时，占位符会被删除

看看下面的例子


$（'[data trigger=“open”]'）。在（'click'，function（）上{
$（'[data target=“open”]'）。toggleClass（'hidden'）；
})
$（'.select2'）。选择2({
宽度：“100%”，
占位符：函数（）{
$（this.data（'placeholder'）；
}
});
$（'.select2'）.parent（）.addClass（“隐藏”）
。隐藏{
显示：无；
}


选择1
选择2
选择3
将下面的css添加到页面中
。选择2选择—多个。选择2搜索\u字段{
宽度：100%！重要；
}
太好了，谢谢！在Bootstrap上，我对脚本进行了调优，使其与可折叠元素上的“show.bs.collapse”事件一起使用。我花了太多时间试图解决这个问题。这解决了问题，谢谢！更好：