前端技术 手机教程
程序开发 平面动画
系统软件 运营推广
CMS教程 在线手册
资源下载 网络安全
精准搜索请尝试:精确搜索

AdminLTE菜单切换样式设置

2020-05-25 13:20:56 来源:原创 作者:寂静的神经

AdminLTE主题左侧Menu菜单切换时样式自动变化代码,将下面代码添加到对应版本的AdminLTE主题的页面footer处即可。

AdminLTE 3:


<script>
$(document).ready(function() {
  /** add active class and stay opened when selected */
  var url = window.location;
  // for sidebar menu entirely but not cover treeview
  $('ul.nav-sidebar a').filter(function() {
      return this.href == url;
  }).addClass('active');
  // for treeview
  $('ul.nav-treeview a').filter(function() {
      return this.href == url;
  }).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open').prev('a').addClass('active');
})
</script>

AdminLTE 2.4.*:


<script>
$(document).ready(function() {
/** add active class and stay opened when selected */
var url = window.location; 
// for sidebar menu entirely but not cover treeview
$('ul.sidebar-menu a').filter(function() {
    return this.href == url;
}).parent().siblings().removeClass('active').end().addClass('active'); 
// for treeview
$('ul.treeview-menu a').filter(function() {
    return this.href == url;
}).parentsUntil(".sidebar-menu > .treeview-menu").siblings().removeClass('active').end().addClass('active');
})
</script>
分享到:
本文关键词:admin 样式 菜单 AdminLTE 切换

相关文章

零五科技,分享IT知识,国内顶级IT知识门户网站。

Copyright (C) www.02405.com, All Rights Reserved.

零五科技 版权所有 辽ICP备13002105号-1