窗口触发器功能在Jquery中不起作用

时间:2016-10-14 07:49:32

标签: javascript jquery angularjs html5

我在jquery中创建了一个带有切换功能的侧边栏。这是我的功能:

 function toggle() {
     var $btn = $(".sidebarToggle");
     var $budget = $(".budget");
     if ($budget.hasClass("sidebarHidden")) {
        $btn.find("i").removeClass("fa-caret-right").addClass("fa-caret-left");
        $budget.removeClass("sidebarHidden");
     } else {
        $btn.find("i").removeClass("fa-caret-left").addClass("fa-caret-right");
        $budget.addClass("sidebarHidden");
     }
     $(window).trigger('resize');
  }

这是我的HTML5代码:

 <div class="sidebar sidebar-hastopnav autoscroll">     
  <div class="sidebarToggle" ng-click="vm.toggle()"><i class="fa fa fa-caret-left"></i></div>

问题是,当我点击类时,它不会触发$(window).trigger('resize');函数并且它不会调整大小。我已经检查了另一个stackoverflow帖子,如:jQuery resize event not firing

$(window).resize() not working

我做错了什么?

亲切的问候。

更新

Sketch

1 个答案:

答案 0 :(得分:0)

您可以尝试在此Stackoverflow博客文章中提供的替代解决方案 - 窗口调整大小

希望这会对你有所帮助。感谢。