Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/EmptyTag/127.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在单击时关闭下拉菜单?_Javascript_Jquery_Html_Css_Drop Down Menu - Fatal编程技术网

Javascript 如何在单击时关闭下拉菜单?

Javascript 如何在单击时关闭下拉菜单?,javascript,jquery,html,css,drop-down-menu,Javascript,Jquery,Html,Css,Drop Down Menu,如果你去这个(这是一个使用bootstrap的Joomla网站)并在1023px或更小的宽屏(或任何智能手机)上查看,就会有一个汉堡菜单。如果你点击它,它会下拉一个菜单,如果你点击“了解更多”,它会跳转到一个表单(因为它实际上只是一个锚)。但是,下拉菜单保持打开状态(因为我猜它不会进入新页面) 有没有一个简单的方法来添加一些代码,基本上说“任何下拉菜单点击应该关闭下拉菜单” 下面是菜单展开时的代码(第一个导航标签可能是最重要的) 对不起,第一个问题运气不好,实际上我最近才这么做,所以我手头有一个

如果你去这个(这是一个使用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');
    });
});