Question

我正在使用asp.net和bootstrap。我有一个下拉列表，我想使用bootstrap-select进行deuglify。问题是，如果我点击下拉列表，它不会显示其内容，但是如果我在聚焦时按下一个键，它将显示下拉列表的内容。

目：

<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位于身体之后。

Answer 1

今晚我遇到了这个问题，虽然我没有使用像asp.net这样的东西。我发现在某些情况下，潜在的引导事件没有触发。

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

我发现在bootstrap-select创建后使用切换按钮上的JavaScript接口，一切都很顺利：

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

Bootstrap Dropdown Javascript API

Bootstrap-在ASPNET中选择在单击按钮时不显示选项

1 个答案: