而不是.resize？

Question

我有这个jQuery代码：

  $(window).resize(function() {         
if ($(window).width() <= 1250) {
  $('#topbar').css('position', 'static');
} else {
  $('#topbar').css('position', 'fixed');
}
});

问题是，当你放大小于1250然后重新加载页面时，这个jQuery不起作用。那么我该如何解决这个问题？

Answer 1

尝试触发调整大小处理程序：

$(window).resize(function () {
    if ($(this).width() <= 1250) {
        $('#topbar').css('position', 'static');
    } else {
        $('#topbar').css('position', 'fixed');
    }
}).triggerHandler('resize');

Answer 2

在CSS中执行此操作：

#topbar {
    position: static
}

@media screen and (min-width: 1250px) {
    #topbar {
        position: fixed
    }
}

现场演示： http://jsfiddle.net/krrvA/show/（我使用背景颜色来指示切换。水平调整窗口大小，颜色将以1250像素变化。）