javascript - 有没有更优雅的方式来调用 .ready 和 .events？

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);

请注意，您可以指定要绑定(bind) 的多个事件，方法是用空格 分隔它们，如上所示。

您还可以使用事件对象的 type 属性检查触发了哪个事件，如下所示:

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