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

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

您需要做的是删除类 sidebar-open 并添加 collapse the sidebar-body。

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