Jquery 而不是。调整大小？

我有这个jQuery代码：

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

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）尝试触发调整大小处理程序，则可能：

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

$（窗口）。调整大小（函数（）{
如果（$（this）.width（）尝试触发调整大小处理程序，则可能：

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

$（窗口）。调整大小（函数（）{
如果（$（this）.width（）在CSS中执行此操作：

#topbar {
    position: static
}

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

实时演示：（我使用背景色来指示切换。水平调整窗口大小，颜色将在1250px处更改。）
在CSS中执行此操作：

#topbar {
    position: static
}

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

现场演示：（我使用背景色来指示切换。水平调整窗口大小，颜色将在1250px处更改。）
你应该使用媒体查询。你应该使用媒体查询。这很有效。非常感谢！有一个问题，triggerHandler中的“调整大小”是做什么的？描述：为事件执行附加到元素的所有处理程序。“但正如西蒙·维达斯所解释的，在符合CSS3的浏览器中，这通常可以使用媒体查询来完成，因为.resize的jQuery代码比我发布的要大，我现在要避免更改为@media。感谢你们两位的帮助！这很有效。非常感谢！有一个问题，triggerHandler中的“resize”是做什么的？“描述：为一个事件执行附加到元素的所有处理程序。”但正如Šime Vidas所解释的，在符合CSS3的浏览器中，这通常可以使用媒体查询来完成，因为.resize的jQuery代码比我发布的要大，我现在要避免更改为@media。感谢你们两位的帮助！