Почему функция открытия окна работает некорректно?

Question

[Расул Гитинов]

Практикуюсь с jQuery и наткнулся на проблему.

Попробовал сделать функцию, в которой с помощью HTML-атрибута "data-popup", при нажатии на кнопку будет открываться соответствующий поп-ап. Но при нажатии почему-то открывается оба окна.

Ссылка на код в CodePen

В чем проблема и как находить такие ошибки самому в дальнейшем?

Answer 1

[Stalker_RED]

$popup  = $('.popup__wrapper'); // запомнили все попапы
popupData = $popup.data(dataKey, dataValue); // записали им что-то в data-атрибут, хз зачем
popupData.addClass('popup__wrapper_show'); // показали запомненные попапы (все)

и как находить такие ошибки самому в дальнейшем?

просматривая строчку за строчкой задумываться - что она делает и зачем.
Когда строчек слишком много, в помощь придут брейкпоинты, чтобы обнаружить на каких этапах все идет "как надо", а на каких - наперекосяк.

Comments

[Расул Гитинов]

Вторая строка по идее выбирает тот попап, значение которого соответствует кнопке

[Stalker_RED]

Расул Гитинов, с чего бы?
api.jquery.com/category/data

[Расул Гитинов]

Stalker_RED, А как тогда найти попап по значениям кнопки?

[Расул Гитинов]

Stalker_RED, Разобрался, спасибо. Но только не совсем так как я хотел получилось. Мне пришлось выделять нужный попап с помощью HTML-атрибутов в коде, а как это сделать чисто с помощью jQuery?

[Stalker_RED]

Расул Гитинов, $popups.find('[data-popup="second"]')

[Антон Швец]

Расул Гитинов, https://api.jquery.com/category/selectors/