Tôi đang gặp khó khăn khi làm việc. Tôi có thể làm cho thanh điều hướng hiển thị hoàn hảo, nhưng khi tôi nhấp vào "Dropdown" (một trong hai thứ đó), nó không hiển thị menu thả xuống. Tôi đã thử xem các bài đăng khác về điều này, nhưng không có gì khắc phục được sự cố của mọi người. Tôi đã sao chép nguồn trực tiếp từ trang web của bootstrap, nhưng dường như tôi không thể làm cho nó hoạt động trên máy của mình. Ai có ý tưởng gì không? Tôi đã nhìn chằm chằm vào nó trong một giờ và dường như không thể tìm ra vấn đề là gì.
<head>
<script src="resource/js/jquery-1.11.0.js"></script>
<script src="resources/js/bootstrap.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('dropdown-toggle').dropdown()
});
</script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" >
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
1
Xin lỗi, tại nơi làm việc khi tôi viết điều này. Tôi đã sửa lời giải thích.
—
user2540528
Bạn có thể cung cấp cho chúng tôi liên kết? @ user2540528
—
STP38
Liên kết đến tệp JS?
—
user2540528
Tôi vừa sao chép mã của bạn và thêm js / css và nó hoạt động trên máy của tôi
—
Chris
'Tôi đã sao chép nguồn trực tiếp từ trang web của bootstrap' @ user2540528, Bạn có thể cho tôi liên kết đó được không?
—
STP38