Combinare $ ('body'). On ('click') con $ (window) .resize (function() in jQuery

Question

Chiedersi se esiste un modo per combinare codice identico di 2 funzioni separate in 1 funzione.

Nel mio caso:.

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

È possibile definire una sola funzione che si chiama sotto entrambi gli eventi:

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

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

Tenete a mente che il riferimento alla this sarà diverso a seconda dell'evento in rilievo, che dovrebbe essere utilizzato entro la vostra funzione doSomething.

Answer 2

È possibile creare una funzione al gestore di entrambi gli eventi e passare questo riferimento funzione per i gestori di eventi

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

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

jQuery(window).resize(myHandler); 

Answer 3

creare una funzione separata e lo chiamano da posizioni richieste:

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


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

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

Answer 4

C'è un altro modo per farlo.

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

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