bootstrap select在下拉菜单中无法正常工作

Question

我在普通的HTML下拉列表中有一个bootstrap select select picker。我有很多问题，选择一个元素后选择的选择器没有关闭，我用这个代码解决了这个问题：

$('body').on('click', function (e) {
    var target = $(e.target);
    if (target.parents('.bootstrap-select').length && target.is("a")) { //CHECKING IF TARGET IS 'a' BECAUSE WANT THIS METHOD TO ONLY EFFECT THE DROPDOWN IN MY DROPDOWN-MENU
        //console.log(target.parents('.bootstrap-select').children(":first"))
        e.stopPropagation();
        $('.bootstrap-select.open').removeClass('open');
    }
});

我的选择选择器仍然存在很多问题。为什么会这样？我猜这是因为selectpicker在下拉菜单中。

• 我点击它时无法关闭选择器
• 当我在搜索中输入单词时，每个字母都会替换前一个字母，我只能输入一个字母。数据实时搜索无法正常工作

如何在下拉菜单中确保bootrap select正常工作？