用.events調用.ready是否有更優雅的方式？

Question

我只想盡可能幹。

$(document).ready(function(){ 
    var w= $(window).width(); 
    w-= (w-6) % 266; 
    if (w<272) w= 272; 
    $('#grid_container').width(w); 
}); 
jQuery.event.add(window, "load", resizeFrame); 
jQuery.event.add(window, "resize", resizeFrame); 
function resizeFrame() { 
    var w= $(window).width(); 
    w-= (w-6) % 266; 
    if (w<272) w= 272; 
    $('#grid_container').width(w); 
}; 

Answer 1

你可以使用th Ëbind功能：

$(window).bind('load resize', resizeFrame); 

請注意，您可以通過用一個空間如上所示分離指定多個事件bind。

您還可以查看該事件被觸發像這樣的事件對象的type屬性：

$(window).bind('load resize', function(e){ 
    alert(e.type); 
}); 

Answer 2

我不知道，如果你想這樣的：

$(window).bind("load",resizeFrame); 

$(window).bind("resize",resizeFrame); 

編輯：

http://www.jsfiddle.net/t9fuH/

更加壓縮的辦法是：

$(window).bind("load resize", resizeFrame); 

function resizeFrame() { 
    var w= $(window).width(); 
    w-=((w-6) % 266); 
    w=w<272?272:w;  
    $('#grid_container').width(w); 
};