带有侧边菜单的引导程序 4 问题的 Sb 管理模板

如何解决带有侧边菜单的引导程序 4 问题的 Sb 管理模板

我正在将 SB admin 2 模板用于引导程序 4，但我遇到了侧边菜单的问题。当网站在便携式设备上显示时，侧边菜单应该隐藏，而不是出现汉堡图标。但不是那样工作，见下图。我可以检查什么？谢谢

正常尺寸显示：

便携式设备（红色圆圈的侧边菜单应该隐藏）：

解决方法

我找到了解决方案，只需编辑 sb-admin-2.js 文件，如下所示：

代码片段 - 之前

// Toggle the side navigation
  $("#sidebarToggle,#sidebarToggleTop").on('click',function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
    };
  });
...
  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel',function(e) {
    if ($(window).width() > 768) {
      var e0 = e.originalEvent,delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });

代码片段 - 之后

  // Toggle the side navigation
  $(document).on('click','#sidebarToggle,#sidebarToggleTop',function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
    };
  });
...
  // Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $(document).on('mousewheel DOMMouseScroll wheel','body.fixed-nav .sidebar',delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });