Как воспользоваться callback для обработчика?

Question

[Марк Цукенберг]

У меня есть код

$('.photo').click(function(){
    $('.photo').removeClass('active-element');
    $(this).addClass('active-element');
    $('.point li').removeClass('active-point').
    filter((index, item) => $(this).data('id') == $(item).data('id')).addClass('active-point');
    $('.about-text p').text($(this).data('text'));
    $('.about-site p').text($(this).data('info'));
    $('.about-site a').text($(this).data('website')).attr("href", "#");
});

$('.point li').click(function(){
    $('.point li').removeClass('active-point');
    $(this).addClass('active-point');
});

Я хочу во втором обработчике при нажатии кнопки, у меня выполнялись такие же действия.

Comments

[Дмитрий Беляев]

что мешает вынести обработчик как отдельную функцию?

[Марк Цукенберг]

Дмитрий Беляев, можете пример показать, я уже понял, что нужно это сделать, как создать функцию в JQuery.

[Дмитрий Беляев]

Марк Цукенберг, а как в обычном js создать функцию? jQuery всего лишь js библиотека
добавил ответ...

Answer 1

[Дмитрий Беляев]

function handleClick() {
    $('.photo').removeClass('active-element');
    $(this).addClass('active-element');
    $('.point li').removeClass('active-point').
    filter((index, item) => $(this).data('id') == $(item).data('id')).addClass('active-point');
    $('.about-text p').text($(this).data('text'));
    $('.about-site p').text($(this).data('info'));
    $('.about-site a').text($(this).data('website')).attr("href", "#");
}

$('.photo').click(handleClick);
$('.point li').click(function() {
    $('.point li').removeClass('active-point');
    $(this).addClass('active-point');
    handleClick.call(this)
});

Answer 2

[German Malinovsky]

Что-то типа такого?

function handleClickOnPhoto($photo){
    $('.photo').removeClass('active-element');
    $photo.addClass('active-element');
    $('.point li').removeClass('active-point').
    filter((index, item) => $photo.data('id') == $(item).data('id')).addClass('active-point');
    $('.about-text p').text($photo.data('text'));
    $('.about-site p').text($photo.data('info'));
    $('.about-site a').text($photo.data('website')).attr("href", "#");
}

$('.photo').click(function(){
    handleClickOnPhoto($(this));
});

$('.point li').click(function(){
    $('.point li').removeClass('active-point');
    $(this).addClass('active-point');
    handleClickOnPhoto($(this));
});