0

我正在使用 asp.net 和引导程序。我有一个下拉列表，我想使用bootstrap-select去丑化。问题是，如果我单击下拉列表，它不会显示其内容，但如果我在聚焦时按下一个键，它将显示下拉列表的内容。

头：

<script type="text/javascript" src="/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Scripts/bootstrap-select.min.js" />
<script type="text/javascript" src="/Scripts/bootstrap.js"></script>
<link rel="stylesheet" href="/css/bootstrap.css" />
<link rel="stylesheet" href="/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />

JS：

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

JS 位于正文之后。

4

1 回答 1

3

今晚我与这个问题搏斗，虽然我不使用像 asp.net 这样的东西。我发现在某些情况下，底层的引导事件没有触发。

Bootstrap 选择使用按钮来切换菜单项列表，并使用委托将事件绑定到切换按钮。有时，当 bootstrap-select 生成切换按钮时，委派无法正常工作。

我发现通过在 bootstrap-select 创建后使用切换按钮上的 JavaScript 界面，一切都很好：

$('select').selectpicker();
$('.dropdown-toggle').dropdown();

引导下拉 Javascript API

于 2014-03-25T07:38:44.183 回答