@Tigronix

Как обратиться к каждому селектору?

Всем привет и заранее спасибо за помощь! :) (Я новичок....)
https://jsfiddle.net/1hwxpwup/3/
В общем сразу к делу: при нажатии на кнопку над ним появляется popup, который если сжимать экран, всё равно будет "тянуться" за кнопкой. Но проблема в том, что если скажем нажать на вторую кнопку и начать сжимать экран, то попап переместиться к самой первой кнопке.
$(window).resize(function(){
    var popup = $('.popup');
    var data_popup = $('[data-popup]');
    var offset = $(data_popup).offset();
    var popup_height = popup.innerHeight();
    popup.css({"left": offset.left, "top": offset.top - popup_height - 5 });
});

То есть я понимаю, что менять нужно здесь: var offset = $(data_popup).offset();
Но как именно это написать? Чтобы при ресайзе, попап оставался у кнопки по которой был клик, а не перемещался на первую кнопку?
P.S. Выше в коде я решил это так:
var offset = $(this).offset();
Но выше this это то, что происходит при клике на любой селектор у которого есть атрибут data-popup.
Надеюсь вы поняли о чём я)
  • Вопрос задан
  • 282 просмотра
Решения вопроса 1
sergey-gornostaev
@sergey-gornostaev
Седой и строгий
Вместо offset.top используйте data_popup.top.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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