Question

我有一个包含两个Bootstrap多选下拉列表的页面。它们正在被创建并正确呈现。（也就是说，我看到一个下拉列表而不是常规选择列表。）但是当我点击它们时，下拉列表不会打开。

要在这里发帖，我已经大大简化了。（我实际上正在使用PHP代码生成选项。但即使这样，调试器也会向我显示选项存在。）我确信我必须在这里丢失一些简单的东西，因为我已经将这个工作用于另一个站点并且代码似乎完全类似。

HTML：

        <select id="confs" multiple="multiple">
        <option value='First' id='1'>First</option>
        <option value='Second' id='2'>Second</option>   
        </select>

Javascript（我在这里包含了整个Ready函数，以确保那里没有错误）：

<script type="text/javascript">
$(document).ready(function(){
$("#papers").tablesorter();  
$('#confs').multiselect({
    includeSelectAllOption: true,
    onChange: function(option, checked) {           
        updatePapers();         
    }
});
$('#cats').multiselect({
    includeSelectAllOption: true,
    onChange: function(option, checked) {           
        updatePapers();         
    }
});
})
</script>

不知道它是否重要，但这个网站和我工作的网站之间的最大区别在于，这个网站有Windows托管，而另一个是Linux。

更新：我创建了一个更简单的测试页面，其中只包含单个Bootstrap multiselect。我添加了onDropdownShow代码，以显示警报。警报出现，但下拉列表不会下降。以下是Ready功能的新版本：

$(document).ready(function(){   
$('#confs').multiselect({
    includeSelectAllOption: true,
    onDropdownShow: function(event) {
        alert('Dropdown shown.');
    }
});
});

Answer 1

在发现我的Bootstrap导航栏中的下拉列表也无法打开之后，我发现我正在加载bootstrap.min.js两次。一旦我解决了这个问题，导航栏就可以了。

由于我已经用另一个控件替换了多选下拉列表，我还没有通过测试来确认这可以解决这个问题，但我觉得它有理由相信它。

Answer 2

PARAMS？这是

onChange：function（选项，选中，选择）

http://davidstutz.github.io/bootstrap-multiselect/#configuration-options-onChange

Bootstrap multiselect下拉列表无法打开

2 个答案: