jQueryで$（ 'body'）。on（ 'click'）を$（window）.resize（function（）と組み合わせる

Question

2つの別々の関数の同じコードを1つの関数に結合する方法があるかどうかを尋ねる

私の場合は

：

jQuery('body').on('click', '.some_div', function (e) { 
    // Long and fancy code 
}); 

jQuery(window).resize(function() { 
    // Do the same fancy stuff (identical code) 
}); 

Answer 1

あなたは下に呼び出す単一の関数を定義することができます。両方のイベント：

function doSomething(e) { 
    console.log('Your code here...'); 
} 

jQuery('body').on('click', '.some_div', doSomething); 
jQuery(window).resize(doSomething); 

ベアthisへの参照を上げイベントによって異なります念頭に置いて、それはあなたのdoSomething関数内で使用する必要があります。

Answer 2

あなたは両方のイベントをハンドラとイベントハンドラに、この関数のリファレンスを渡す関数を作成することができます

function myHandler(e) { 
    // Long and fancy code 
} 

jQuery('body').on('click', '.some_div', myHandler); 

jQuery(window).resize(myHandler); 

Answer 3

別の関数を作成し、必要な場所からそれを呼び出す：

jQuery('body').on('click', '.some_div', function(e){ 
    myFunction(); 
}); 


jQuery(window).resize(function() { 
    myFunction(); 
}); 

function myFunction(){ 
    // Long and fancy code 
} 

Answer 4

それを行うための別の方法があります。

jQuery('body').on('click', '.some_div', function (e) { 
    // Long and fancy code 
}); 

jQuery(window).resize(function() { 
    $('.some_div').trigger('click') 
});