Question

我在其他人启动的项目中使用AdminLTE

我添加子菜单时看到的行为是它会扩展然后立即折叠

我已尝试使用index.html页面中的完整<aside class="main-sidebar">...</aside>，但仍然可以看到与此处相同的行为 - https://gyazo.com/e88b049ccd7b2d06d65ccc7986166cdf

如果我从本地模板中打开index.html，它可以正常工作

我认为这个项目可能会遗漏一些东西，但无法弄明白...尝试加载所有js并且我在控制台中看不到任何错误

任何帮助将不胜感激

Answer 1

侧边栏行为不是由index.html文件控制，而是由位于adminlte的/ dist / js文件夹中的app.js文件控制。您必须在项目中拥有此文件（包括其他文件）。

我建议首先查看你的app.js文件是否曾被前一个处理过hte项目的人修改过，或者你可能在其他地方有一些脚本覆盖默认的侧边栏行为。

控制左侧边栏的原始代码从app.js文件（adminlte v2.3.6）的第380行开始，如下所示：

$.AdminLTE.tree = function(menu) {
  var _this = this;
  var animationSpeed = $.AdminLTE.options.animationSpeed;
  $(document).off('click', menu + ' li a')
      .on('click', menu + ' li a', function(e) {
          //Get the clicked link and the next element
          var $this = $(this);
          var checkElement = $this.next();

          //Check if the next element is a menu and is visible
          if ((checkElement.is('.treeview-menu')) && (checkElement.is(':visible')) && (!$('body').hasClass('sidebar-collapse'))) {
              //Close the menu
              checkElement.slideUp(animationSpeed, function() {
                  checkElement.removeClass('menu-open');
                  //Fix the layout in case the sidebar stretches over the height of the window
                  //_this.layout.fix();
              });
              checkElement.parent("li").removeClass("active");
          }
          //If the menu is not visible
          else if ((checkElement.is('.treeview-menu')) && (!checkElement.is(':visible'))) {
              //Get the parent menu
              var parent = $this.parents('ul').first();
              //Close all open menus within the parent
              var ul = parent.find('ul:visible').slideUp(animationSpeed);
              //Remove the menu-open class from the parent
              ul.removeClass('menu-open');
              //Get the parent li
              var parent_li = $this.parent("li");

              //Open the target menu and add the menu-open class
              checkElement.slideDown(animationSpeed, function() {
                  //Add the class active to the parent li
                  checkElement.addClass('menu-open');
                  parent.find('li.active').removeClass('active');
                  parent_li.addClass('active');
                  //Fix the layout in case the sidebar stretches over the height of the window
                  _this.layout.fix();
              });
          }
          //if this isn't a link, prevent the page from being redirected
          if (checkElement.is('.treeview-menu')) {
              e.preventDefault();
          }
      });};

AdminLTE子菜单会展开然后折叠

1 个答案: