Saya mengalami masalah saat menjalankan tarik-turun saya. Saya bisa membuat bilah navigasi ditampilkan dengan sempurna, tetapi ketika saya mengeklik "Dropdown" (salah satunya), menu tarik-turun tidak ditampilkan. Saya telah mencoba melihat posting lain tentang ini, tetapi tidak ada yang memperbaiki masalah semua orang yang membantu. Saya menyalin sumber langsung dari situs web bootstrap, tetapi sepertinya saya tidak dapat membuatnya berfungsi di komputer saya. Ada yang punya ide? Saya telah menatapnya selama satu jam dan sepertinya tidak tahu apa masalahnya.
<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
Maaf, di tempat kerja saat saya menulis ini. Saya mengedit penjelasannya.
—
pengguna2540528
Bisakah Anda memberi kami tautannya? @ user2540528
—
STP38
Link ke file JS?
—
pengguna2540528
Saya baru saja menyalin kode Anda dan menambahkan js / css dan berfungsi di mesin saya
—
Chris
'Saya menyalin sumber langsung dari situs web bootstrap' @ user2540528, Bisakah Anda memberi saya tautan itu?
—
STP38