0

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

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

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

如果我从本地模板中打开 index.html，它工作得很好

我认为这个项目可能缺少一些东西，但无法弄清楚是什么......尝试加载所有 js，我在控制台中没有看到任何错误

任何帮助，将不胜感激

4

1 回答 1

0

侧边栏的行为不受 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();
          }
      });};
于 2017-03-11T23:24:44.123 回答