Question

<div class="btn-group">
                    <button class="btn btn-small dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Hello</a> </li>   
                        <li><a href="#">Hi</a> </li>                          
                    </ul>
                </div>

这已经困扰了我好几个小时......我已经包括了

<script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>

但我仍然看不到列表中的下拉链接...提前感谢任何想法/帮助：）

Answer 1

您是否添加了对jQuery的引用？

 <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
 <script src="js/jquery-1.8.2.min.js"></script> 
 <script src="js/bootstrap.min.js"></script>

您必须错误地放置引用，因为您的代码适用于links.Recheck路径是否正确。检查以下代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
 <script src="js/jquery-1.8.2.min.js"></script> 
    <script src="js/bootstrap.min.js"></script>
</head>

<body>
    <div class="btn-group">
                    <button class="btn btn-small dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li><a href="#">Hello</a> </li>   
                        <li><a href="#">Hi</a> </li>                          
                    </ul>
     </div>
</body>
</html>

Answer 2

您可能需要将type="button"添加到<button>代码中，如果不解决此问题，则必须使用其他内容，编码看起来适合下拉菜单，所以我会需要看一个能够确定它的例子。

按钮下拉列表无法在Twitter Bootstrap中运行

2 个答案: