Javascript 如何在单击时关闭下拉菜单?
如果你去这个(这是一个使用bootstrap的Joomla网站)并在1023px或更小的宽屏(或任何智能手机)上查看,就会有一个汉堡菜单。如果你点击它,它会下拉一个菜单,如果你点击“了解更多”,它会跳转到一个表单(因为它实际上只是一个锚)。但是,下拉菜单保持打开状态(因为我猜它不会进入新页面) 有没有一个简单的方法来添加一些代码,基本上说“任何下拉菜单点击应该关闭下拉菜单” 下面是菜单展开时的代码(第一个导航标签可能是最重要的)Javascript 如何在单击时关闭下拉菜单?,javascript,jquery,html,css,drop-down-menu,Javascript,Jquery,Html,Css,Drop Down Menu,如果你去这个(这是一个使用bootstrap的Joomla网站)并在1023px或更小的宽屏(或任何智能手机)上查看,就会有一个汉堡菜单。如果你点击它,它会下拉一个菜单,如果你点击“了解更多”,它会跳转到一个表单(因为它实际上只是一个锚)。但是,下拉菜单保持打开状态(因为我猜它不会进入新页面) 有没有一个简单的方法来添加一些代码,基本上说“任何下拉菜单点击应该关闭下拉菜单” 下面是菜单展开时的代码(第一个导航标签可能是最重要的) 对不起,第一个问题运气不好,实际上我最近才这么做,所以我手头有一个
对不起,第一个问题运气不好,实际上我最近才这么做,所以我手头有一个片段给你 基本上,您希望告诉代码要做的是在单击定位点时关闭导航,因此您可以将
a
作为目标并使用slideUp
属性
$(document).ready(function(){
$("a").click(function(){
$("Your_Nav_ID").slideUp('slow');
});
});
哎呀,对不起,显然没有人对我的要求感到满意。我做错了什么?我是新来的,所以我想知道我做错了什么,并纠正我的错误。我没有包含任何代码,因为我不知道当前控制菜单的代码是什么。人们通常喜欢实际代码和问题描述,而不仅仅是问题描述。如果你把你的问题孤立起来,把它放在一把小提琴里,人们会更愿意回答谢谢你,zgood,我会尝试这样做,一旦我回答了,我会更新这个问题。我很感激…请参阅和了解有关改进您的问题的信息。现在,您的问题没有代码,仅作为对非现场资源的引用而存在。如果那个网站关闭了,这个问题对其他人来说就没用了,完全无法回答。酷,谢谢你!
<nav class="t3-navbar-collapse navbar-collapse collapse" style="height: 1px;">
jQuery(function($) {
$("li a").click(function() {
$("nav.t3-navbar-collapse").removeClass( "in" );
});
});
$(document).ready(function(){
$("a").click(function(){
$("Your_Nav_ID").slideUp('slow');
});
});