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

Question

Марк Цукенберг @Foxocsj

учусь htmlf

JavaScript

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

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

$('.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');
});

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

Вопрос задан более трёх лет назад
65 просмотров

3 комментария

Подписаться 1 Простой 3 комментария

что мешает вынести обработчик как отдельную функцию?
Дмитрий Беляев, можете пример показать, я уже понял, что нужно это сделать, как создать функцию в JQuery.
Марк Цукенберг, а как в обычном js создать функцию? jQuery всего лишь js библиотека
добавил ответ...

Answer 1 · 2018-12-20 19:10:01

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

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));
});

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

Войдите на сайт