jquery - AdminLTE 中的 Jquery 正文单击停止切换按钮

Question

我正在尝试使用切换按钮在侧边栏打开的同时打开和关闭侧边栏，如果我们单击正文，我希望它关闭。问题是当我单击正文以关闭侧边栏时，它实际上运行良好，但切换按钮似乎根本不起作用（我的意思是切换按钮的关闭事件）。在我的代码下方：

$.AdminLTE.pushMenu = {
    activate: function (toggleBtn) {
      //Get the screen sizes
      var screenSizes = $.AdminLTE.options.screenSizes;

      //Enable sidebar toggle
      $(document).on('click', toggleBtn, function (e) {
        e.preventDefault();

        //Handle sidebar push menu for small screens

          if ($("body").hasClass('sidebar-open')) {
            $("body").removeClass('sidebar-open');
          } else {
            $("body").addClass('sidebar-open');
          }

      });
    }
  };

    $(document).ready(function() {
        // Click event on body hide the element
        $("body").click(function() {
          if ($(window).width() < (991) && $("body").hasClass("sidebar-open")) {
            $("body").removeClass('sidebar-open');

          }
        });
    });

Answer 1

您要做的就是删除侧边栏打开类并添加侧边栏主体折叠。

$("body").removeClass('sidebar-open');
$("body").addClass('sidebar-collapse');