Объединение $ ('body'). On ('click') с $ (window) .resize (function() в jQuery

Question

Удивление, если есть способ объединить идентичный код из двух отдельных функций в 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') 
});