комбинат OnLoad, OnResize и OnClick

Question

Функция ниже работает на документе нагрузки и документ изменения размера:

$(window).on("resize", function() { 
// code 
}).resize(); 

Как можно также вызвать функцию, когда пользователь нажимает на <div id="my_div"></div>?

Answer 1

Переместите функцию в некоторой имени функции и вызовите его на событие:

function myFunction() { 
    alert('Working'); 
} 

$(window).on("resize", function() { 
    myFunction(); 
}).resize(); 

$('#my_div').click(function() { 
    myFunction(); 
}); 

Answer 2

Вы можете явно создать функцию обратного вызова, как ..

function callbackFn() { 
    var $caller = $(this); 
    // do something... 
} 

$(window).on('resize', callbackFn); 
$('#my_div').on('click', callbackFn); 

Answer 3

Один из способов для того чтобы достигнуть что запуская событие изменения размера в обработчике событий щелчка:

$('#my_div').on('click', function() { 
    $(window).trigger('resize'); 
});