AdminLTE Untermenü erweitert dann kollabiert

Question

ich AdminLTE in einem Projekt bin mit, die von jemand anderem

Das Verhalten sehe ich begonnen, als ich ein Untermenü hinzuzufügen ist, dass er sich ausdehnt und dann kollabiert sofort

Ich habe versucht, die kompletten <aside class="main-sidebar">...</aside> aus der index.html-Seite verwenden, und ich immer noch das gleiche Verhalten wie hier zu sehen - https://gyazo.com/e88b049ccd7b2d06d65ccc7986166cdf

Wenn ich die index.html aus der Vorlage lokal öffnen funktioniert es völlig in Ordnung

Ich denke, das Projekt könnte etwas fehlen, kann aber nicht herausfinden, was ... Versuchte alle js Laden, und ich sehe keine Fehler in der Konsole

Jede Hilfe

Answer 1

Die Sidebar Verhalten erkannt werden würde, ist nicht gesteuert durch die Datei index.html, aber durch die Datei app.js, die sich im Ordner/dist/js von adminlte befindet. Sie müssen diese Datei (unter anderem) in Ihrem Projekt haben.

Was ich vorschlage, ist zuerst zu schauen, ob Ihre app.js-Datei nicht von dem vorherigen Typ, der an dem Projekt gearbeitet hat, geändert wurde oder wenn Sie anderweitig Skripts haben, die das Standardverhalten der Seitenleiste überschreiben.

Der ursprüngliche Code, die linke Seitenleiste Zeile beginnt von 380 steuert der app.js Datei (adminlte V2.3.6) und ist wie folgt:

$.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(); 
      } 
     });};