J'ai du mal à faire fonctionner mes listes déroulantes. Je peux faire en sorte que la barre de navigation s'affiche parfaitement, mais lorsque je clique sur "Dropdown" (l'un ou l'autre), il n'affiche pas le menu déroulant. J'ai essayé de consulter d'autres articles à ce sujet, mais rien qui a résolu les problèmes de tout le monde n'a aidé. J'ai copié la source directement à partir du site Web de bootstrap, mais je n'arrive pas à la faire fonctionner sur ma machine. Quelqu'un a des idées? Je le regarde depuis une heure et je n'arrive pas à comprendre quel est le problème.
<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
Désolé, au travail quand j'ai écrit ceci. J'ai édité l'explication.
—
user2540528
Pouvez-vous nous donner le lien? @ user2540528
—
STP38
Le lien vers le fichier JS?
—
user2540528
Je viens de copier votre code et ajouté js / css et il fonctionne sur ma machine
—
Chris
«J'ai copié la source directement à partir du site Web de bootstrap» @ user2540528, pouvez-vous me donner ce lien?
—
STP38