Javascript 动态填充的引导multiselect在下拉列表中不显示选项

在下拉覆盖中放置动态填充的multiselect时，单击时不会显示multiselect的下拉列表。完全相同的multiselect在不在下拉列表中时可以正常工作。看一把小提琴，它在这里再现了这个问题（从答案开始）

有问题的多重选择：

下拉列表


福巴

而JS：

$（'.dropdown menu'）。在（'click'，函数（事件）{
event.stopPropagation（）；
});
$（'.selectpicker'）。selectpicker({
容器：“主体”
});
$（'body'）。在（'click'，函数（事件）{
var target=$（event.target）；
if（target.parents（'.bootstrap select'）.length）{
event.stopPropagation（）；
$（'.bootstrap select.open'）.removeClass（'open'）；
}
});
setUpMultiselect（“#mult1”）；
setUpMultiselect（“#mult2”）；
功能设置MultiSelect（id）{
$（id）.多选({
启用筛选：正确，
includeFilterClearBtn:错误，
enableCaseInsensitiveFiltering:正确，
选择AllJustVisible:true，
includeAlloption:true，
非选定文本：“过滤器…”，
显示的数字：1
});
常量选项=[
{
标题：'title1'，标签：'label1'，id:'id1'，所选内容：true，
},{
标题：'title2'，标签：'label2'，id:'id2'，所选内容：true，
},{
标题：'title3'，标签：'label3'，id:'id3'，所选内容：true，
}]
$（id）.multiselect（'dataprovider'，选项）；
$（id）.multiselect（'rebuild'）；
}
$（'#dropBtn'）。单击（（）=>{
设置超时（（）=>{
setUpMultiselect（“#mult1”）；
setUpMultiselect（“#mult2”）；
}, 500)
})

我尝试过的其他未解决此问题的方法包括重新生成/重新初始化下拉单击事件上的multiselect（多选），有延迟也有延迟。

您好，请检查答案是否适用于您。它也有类似的问题，但选择框是boostrap select。