我正在使用jQuery和bootstrap库开发一个超级简单的站点,但我希望菜单项跳转到该部分(已经完成了锚点)。但是当我导航回到顶部时,菜单下拉列表仍然打开。如何设置切换以便在单击菜单项时关闭?
这是我的初始代码:
$( document ).ready(function() {
$( ".cross" ).hide();
$( ".menu" ).hide();
$( ".hamburger" ).click(function() {
$( ".menu" ).slideToggle( "slow", function() {
$( ".hamburger" ).hide();
$( ".cross" ).show();
});
});
$( ".cross" ).click(function() {
$( ".menu" ).slideToggle( "slow", function() {
$( ".cross" ).hide();
$( ".hamburger" ).show();
});
});
});
<button class="hamburger">☰</button>
<button class="cross">˟</button>
<div class="menu">
<ul>
<a href="#"><li>Home</li></a>
<a href="#about"><li>Jeff Anderson</li></a>
<a href="#"><li>Hand Built Frames</li></a>
<a href="#"><li>Bike Repairs and Maintenance</li></a>
<a href="#"><li>Frames and Accessories</li></a>
<a href="#"><li>Contact</li></a>
</ul>
</div>
</div>
任何帮助非常感谢。感谢。
答案 0 :(得分:0)
任何到达文档的内容都会隐藏下拉列表
$(document).click(function(){
$("#dropdown").hide();
});
下拉列表中的点击次数不会超过下拉列表
$("#dropdown").click(function(e){
e.stopPropagation();
});
我相信添加这些代码可以解决您的问题。