Javascript 在单击链接jquery时切换不关闭
我正在做一个一页的网站。这段代码打开一个包含链接列表的菜单。 我想做的是,当用户点击“dropmenu”中的一个链接时,关闭dropmenu并将用户带到链接Javascript 在单击链接jquery时切换不关闭,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在做一个一页的网站。这段代码打开一个包含链接列表的菜单。 我想做的是,当用户点击“dropmenu”中的一个链接时,关闭dropmenu并将用户带到链接 <a href="#"><img src="images/menu.png" width="22" height="23" alt="Logo" style="margin: 0px 15px 0px 0px;" id="menudiv"></a> <div id="dropMenu">
<a href="#"><img src="images/menu.png" width="22" height="23" alt="Logo" style="margin: 0px 15px 0px 0px;" id="menudiv"></a>
<div id="dropMenu">
<ul>
<li><a href="#index2">Contact Us</a></li>
</ul>
</div>
$(document).ready(function() {
$("a").click(function(){
$(this).toggleClass("active");
$(this).next("div").stop('true','true').slideToggle("slow");
});
});
$(文档).ready(函数(){
$(“a”)。单击(函数(){
$(此).toggleClass(“活动”);
$(this).next(“div”).stop('true','true').slideToggle(“slow”);
});
});
是您想要的吗?希望能有帮助
我添加了这个代码
$("li").click(function() {
$("#dropMenu").hide("slow");
});
这就是你想做的吗
将id
添加到下拉菜单中,这样它就不会与其他
标记混淆。使用默认值:
$(document).ready(function() {
$("a").click(function(event){
event.preventDefault();
$(this).toggleClass("active");
$(this).next("div").stop('true','true').slideToggle("slow");
});
});
现在发生了什么,问题出在哪里?我试图做的是当我点击“div”中的一个链接时关闭切换,因为当我点击浏览器上的菜单时,菜单仍然是打开的。你能做一个JSFIDLE吗?你好,链接在ul li中,它将在另一页或同一页上。是这样的,但我的问题是,当我点击“dropmenu”id中的一个链接时,如何才能关闭菜单