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

Question

[Александр Корегин]

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



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



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

Вот 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);
});

Comments

[Stalker_RED]

Без разметки непонятно. Соберите может пример в песочнице.

[Александр Корегин]

Stalker_RED, https://jsfiddle.net/koreginn/qLjtf891/ (Когда на фотки нажимаешь текст и фотография становится активной, а когда нажимаешь на точки ничего не происходит)

[Алексей]

у фильтра в коллбеке вроде идет сначала итем, потом индекс, хотя проблема мб и не в нем

[Алексей]

но ты в точки то не добавил текст который нужно вставлять

<li 
data-id="1"
data-text="Букраба Тимур Витальевич имеет оценку 5."
data-info="Тимур from" 
data-website="example.com"
><figure></figure></li>

он ведь из this берет их

Answer 1

[Stalker_RED]

При клике по точке вы передаете ее в photoClick, и пытаетесь обращаться к data-* свойствам кликнутого объекта. А их у точки нет.