有没有一种更优雅的方式用.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

您可以使用bind函数：

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

请注意，您可以通过使用空格分隔多个事件来指定多个事件，如下所示。

您还可以使用event对象的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);
};