jQueryで関数を複数回呼び出すことをお勧めしますか？

Question

私は関数を複数回呼び出す必要があるこのコードを持っています。

$(window).resize(function() { 
    centerBox(); 
}); 

$(window).scroll(function() { 
    centerBox(); 
}); 

centerBox(); 

これは信じられないほど乱雑です。これを書くにはより良い方法がありますか？

Answer 1

あなたは3行にコードを縮小することができます：

$(window).resize(centerBox); 
$(window).scroll(centerBox); 
centerBox(); 

そしてもちろん、あなたはトップ

であなたの関数を定義するために持っているか、あなたもそれを組み合わせることにより、2行でそれを使用することができますしかし、それはちょっと面倒です。

$(window).resize(centerBox).scroll(centerBox); 
centerBox(); 

Answer 2

var f = function() { 
    centerBox(); 
}; 

$(window).resize(f).scroll(f); 
f(); 

Answer 3

私はそれが厄介だとは思わない;あなたがしたいことを正確に記述します。それらの名前が空白であれば、複数のイベントへの結合をサポートし.on以来

$(window).on("resize scroll", centerBox).trigger('resize'); 

にさらに

$(window).resize(centerBox).scroll(centerBox).trigger('resize'); 

に

$(window).resize(centerBox).scroll(centerBox); 
centerBox(); 

、さらにと：それはあなたにそれを短縮することができ、言いました - 分離された。

Answer 4

+呼び出しをバインドできます。

$(window).on("scroll resize", centerBox).scroll();