Theo sau từ this question, tôi vẫn đang vật lộn với Twitter Bootstrap. Tôi đã quản lý để có được thanh điều hướng của tôi xuất hiện và tôi đang cố gắng thêm một trình đơn thả xuống vào nó. Không có vấn đề gì tôi cố gắng, tôi không thể thực sự có được một phần thả xuống của trình đơn để làm việc! Đây là ảnh chụp màn hình menu của tôi.Trình đơn thả xuống với Twitter Bootstrap
Như bạn thấy, tôi có "Account Settings", mà phải là một trình đơn thả xuống nhưng khi tôi bấm vào nó, không thả xuống tùy chọn xuất hiện. Dưới đây là mã của tôi:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/bootstrap.js")" type="text/javascript"></script>
<script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.dropdown-toggle').dropdown();
});
</script>
<link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<a class="brand" href="#">Present Ideas</a>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li class="dropdown" id="accountmenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
@RenderBody()
</div>
</body>
</html>
Như bạn có thể thấy, tôi đang tham khảo tệp Javascript thả xuống từ Twitter. Tôi cũng đã cố gắng tham chiếu này tại địa phương mà không có sự khác biệt. Tôi cũng đã bao gồm các Javascript mà tôi tin rằng nên hook-up trình đơn thả xuống và gọi vào tập tin Javascript của Twitter.
Tôi đang thua lỗ vì sao điều này không hoạt động
Tuyệt vời! Điều đó làm việc một điều trị. Ban đầu tôi đã có kịch bản 1.5 jQuery nhưng có vẻ như phiên bản 1.7 là cần thiết. Tôi cũng đã thay đổi thứ tự trong tiêu đề của mình - Tôi hiện đang bao gồm tệp CSS và sau đó là tập lệnh vì vòng tròn khác đã khiến thanh điều hướng của tôi chia tách trên 2 dòng. Cảm ơn bạn đã giúp đỡ. – Stu