Всем привет и заранее спасибо за помощь! :) (Я новичок....)
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.
Надеюсь вы поняли о чём я)