Javascript Bootstrap-select.js-选择一个选项后，整个选择将消失

我正在尝试为我的网站（Magento 1.9.1.0版）设置bootstrap-select.js，我遇到了一些无法解决的问题

所有内容都可以完美加载，但当我在下拉选择列表中选择一个选项时，整个选择将消失，只需在其中添加一个element.style，如下所示：

style="display:none;"

在FireBug中，它说：

element.style {
display: none;
}

请参见此处的视觉图像：

问题是我不知道这个样式是从哪里来的，所以我决定检查FireBug中的“属性更改时中断”，看看它说了什么。代码来自Jquery（Jquery-2.1.3.min.js），如下图所示：

这是我的

部分中的内容：

<link rel="stylesheet" href="http://localhost/sg-magento/skin/frontend/ultimo/default/css/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="http://localhost/sg-magento/skin/frontend/ultimo/default/css/bootstrap/bootstrap-select.min.css">

<script type="text/javascript" src="http://localhost/sg-magento/js/infortis/jquery/jquery-2.1.3.min.js"></script>

<script type="text/javascript" src="http://localhost/sg-magento/skin/frontend/ultimo/default/js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="http://localhost/sg-magento/skin/frontend/ultimo/default/js/bootstrap/bootstrap-select.min.js"></script>

<script type="text/javascript">
jQuery(document).ready(function($) {
   $('.selectpicker').selectpicker();
});
</script>

jQuery（文档）.ready（函数（$）{
$（'.selectpicker'）.selectpicker（）；
});

我该怎么办？我如何解决这个问题？这似乎是件小事，但现在真的让我心烦意乱。我已经想了很久了

希望有人愿意帮忙

---

谢谢。

当提交和重新呈现主干模板时，select消失时，我遇到了类似的问题。在我的例子中，调用$（'.selectpicker'）.selectpicker（'render'）；修好了

这是因为引导和原型冲突。请参阅更多详细信息。 创建一个新的JS文件并在其中添加以下代码

if (Prototype.BrowserFeatures.ElementExtensions) {
var disablePrototypeJS = function (method, pluginsToDisable) {
        var handler = function (event) {
            event.target[method] = undefined;
            setTimeout(function () {
                delete event.target[method];
            }, 0);
        };
        pluginsToDisable.each(function (plugin) { 
            jQuery(window).on(method + '.bs.' + plugin, handler);
        });
    },
    pluginsToDisable = ['collapse', 'dropdown', 'modal', 'tooltip', 'popover'];
disablePrototypeJS('show', pluginsToDisable);
disablePrototypeJS('hide', pluginsToDisable);}

玩得开心：）

---

这将覆盖导致此问题的任何冲突。我认为前面的答案都不正确。我的DEF不是答案。但它将解决问题，直到有更多的时间可以找到冲突的真正根源。原型可能是原因，但原型答案不起作用

我来晚了，但是如果你收到这个通知，你介意告诉我你把密码放在哪里吗？

$( ".dropdown-menu > ul > li" ).click(function() {
$( '.bootstrap-select').attr('style', '');
$( this ).parent( '.bootstrap-select').attr('style', '');
});