Javascript 单击其他菜单时,AdminLTE 3扩展菜单不会关闭/折叠
单击其他菜单项时,如何关闭其他向下滑动菜单?现在,所有菜单项都在逐个打开,只有再次单击该项才能关闭它们。 我不知道用什么JavaScript代码可以解决这个问题 导航条形码如下: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"> 但是,当你点击仪表板
我通过下面的代码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不允许重新加载页面,所以这会造成问题
希望这对你有用我需要把代码放在哪里?每个视图的内部安装?谢谢我需要把代码放在哪里?每个视图的内部安装?谢谢