而不是.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/（我使用的背景顏色來指示切換調整的。窗口水平和顏色將更改爲1250px。）