我在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
我做错了什么?
亲切的问候。
更新