Ciao a tutti,
ho creato un menu con bootsrap ma non riesco a capire perchè una volta aperto, se clicco in qualsiasi link, si richiude ma poi si riapre automaticamente.
questo il codice:
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" data-spy="affix" data-offset-top="50">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<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="index.html#"><img src="images/logo_zoe_bianco.png" style="width: 100px"></a>
</div>
<div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
<ul class="nav navbar-nav" style="color:#FFF">
<li><a data-scroll href="index.html#intro" id="ev">Home</a></li>
<li><a data-scroll href="index.html#about" id="ev">About</a></li>
<li><a data-scroll href="index.html#events" id="ev">Portfolio</a></li>
<li><a data-scroll href="index.html#history" id="ev">History</a></li>
<li><a data-scroll href="index.html#clients" id="ev">Clients</a></li>
<li><a data-scroll href="index.html#partners" id="ev">Partners</a></li>
<li><a data-scroll href="index.html#team" id="ev">Contact</a></li>
</ul>
</div>
</div>
</nav>
ho provato anche a forzare la chiusura inserendo uno script ma senza successo:
$(document).ready(function () {
$(".navbar-nav li a").click(function(event) {
$("#navbar-collapse").collapse('hide');
});
});
qualcuno sa darmi un suggerimento?
grazie