Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Всплывающее окно (https://javascript.ru/forum/jquery/46772-vsplyvayushhee-okno.html)

Rooner 23.04.2014 12:56

Всплывающее окно
 
#cabinet-auth - это кнопка
#auth-popup - это всплывающее окно
Нужно чтобы окно появлялось при клике по кнопке в томже месте где находится кнопка. Пытаюсь сделать через offset(), чтобы даже с ресайзом браузера всплывающее окно было четко в том же месте где кнопка, но не выходит.
Почему всплывающее окно показывается только с 2го клика?
$('#cabinet-auth').click(function(eventObj) {
    $('#auth-popup').offset({top:$(this).offset().top, left:$(this).offset().left}).show();
    eventObj.preventDefault();
    return false;
  });

Rooner 23.04.2014 13:15

Нашел решение, сбрасывать координаты при закрытии

// обработка пункта меню личный кабинет
  $('#cabinet-auth').click(function(eventObj) {
    $('#auth-popup').offset({top:$('#cabinet-auth').offset().top+60, left:$('#cabinet-auth').offset().left-50}).show();
    eventObj.preventDefault();
    return false;
  });
  // закрытие всплывающего окна личный кабинет
    $(document).click(function(e){
        if ($(e.target).closest("#auth-popup").length) return;
        $('#auth-popup').offset({top:0, left:0}).hide();
        e.stopPropagation();
    });


Часовой пояс GMT +3, время: 17:10.