Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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 单击其他菜单时,AdminLTE 3扩展菜单不会关闭/折叠_Javascript_Laravel - Fatal编程技术网

Javascript 单击其他菜单时,AdminLTE 3扩展菜单不会关闭/折叠

Javascript 单击其他菜单时,AdminLTE 3扩展菜单不会关闭/折叠,javascript,laravel,Javascript,Laravel,单击其他菜单项时,如何关闭其他向下滑动菜单?现在,所有菜单项都在逐个打开,只有再次单击该项才能关闭它们。 我不知道用什么JavaScript代码可以解决这个问题 导航条形码如下: 我通过下面的代码AdminLTE-3.0.0-beta解决了这个问题 <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="true"> 但是,当你点击仪表板

单击其他菜单项时,如何关闭其他向下滑动菜单?现在,所有菜单项都在逐个打开,只有再次单击该项才能关闭它们。 我不知道用什么JavaScript代码可以解决这个问题

导航条形码如下:


我通过下面的代码AdminLTE-3.0.0-beta解决了这个问题

<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="true">

但是,当你点击仪表板时,如果它不在treeview中,那么它就不会关闭或折叠菜单,因此你必须将它放在li->ul->li标签中才能正常工作。

我通过下面的代码AdminLTE-3.0.0-beta解决了它。2

<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="true">
但是当你点击仪表板时,如果它不在treeview中,那么它就不会关闭或折叠菜单,因此你必须将它放在li->ul->li标签中才能正常工作。

尝试下面的代码

 function activeFunc(){
            $("li").removeClass("active current-page");
              var currentSelectedli = $("a.router-link-exact-active").parent('li');
              currentSelectedli.addClass("current-page");
              currentSelectedli.siblings().removeClass("active current-page");
             var parentLI =currentSelectedli.parent("ul").parent("li");
             if(parentLI.length!=0){
                 parentLI.addClass("active");
             }
         }
您必须找到li子级和父级,然后设置活动类,因为vuejs不允许重新加载页面,所以这会造成问题

希望这对您有用

请尝试以下代码

 function activeFunc(){
            $("li").removeClass("active current-page");
              var currentSelectedli = $("a.router-link-exact-active").parent('li');
              currentSelectedli.addClass("current-page");
              currentSelectedli.siblings().removeClass("active current-page");
             var parentLI =currentSelectedli.parent("ul").parent("li");
             if(parentLI.length!=0){
                 parentLI.addClass("active");
             }
         }
您必须找到li子级和父级,然后设置活动类,因为vuejs不允许重新加载页面,所以这会造成问题


希望这对你有用

我需要把代码放在哪里?每个视图的内部安装?谢谢我需要把代码放在哪里?每个视图的内部安装?谢谢