2014-03-05 42 views
0

我使用asp.net和bootstrap。我有一个下拉列表,我想用bootstrap-select来解除。问题是,如果我点击下拉列表,它不会显示它的内容,但是如果我在按下某个键时它将显示下拉列表的内容。引导 - 在ASPNET中选择时不显示选项当点击按钮

目:

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

回答

3

今晚我摔跤了这个问题,虽然我没有使用任何像asp.net的东西。我发现在某些情况下,潜在的引导事件不会被触发。

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

我发现,通过使用切换按钮JavaScript的界面引导,选择创建后,一切都很好:

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

Bootstrap Dropdown Javascript API

+2

谢谢您,您的评论让我意识到,我不只需要bootstrap-select.js,但也需要bootstrap.js。我以为bootstrap只是一个css文件*撞墙*;) – velop

相关问题