dragonika8
@dragonika8
Начинающий FrontEnd-Разработчик

Как исправить ошибку в коде?

У меня есть секция

5c1bd8b51379e205199147.png

При нажатии на фотографию происходит вот такое вот изменение

5c1bd8e27d0a8669176786.png

У меня проблема в том, что нужно чтобы ещё при нажатии на точку у меня появлялось точно такое же, я сделал только нажатие на точку и попробовал вызвать функцию которая выполняет эти действия, но у меня получилось, что точки нажимаются а текст с картинкой не изменяется.

Вот JQuery код

let photoClick = 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", "#");
};

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

$('.point li').click(function() {
    $('.point li').removeClass('active-point');
    $(this).addClass('active-point');
    photoClick.call(this);
});
  • Вопрос задан
  • 47 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
При клике по точке вы передаете ее в photoClick, и пытаетесь обращаться к data-* свойствам кликнутого объекта. А их у точки нет.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы