Offset элемента отличается после установки значений top и left?

Question

[Влад]

Привет всем!

Пытаюсь позиционировать блок относительно элемента, по которому кликнул. Но элемент оказывается разных позициях. Попробовал сделать вывод в консоль значений позиций. Вот что происходит. Помогите разобраться пожалуйста.

$('.structure-avatar').on('click', function(e) {

    var that = $(this);
    var info = $('.user-popup-info');

    var new_top = that.offset().top - info.height();
    var new_left = that.offset().left - info.width();

    console.log(new_top + ' '  + new_left);  // -15 229

    info.offset({top:new_top, left:new_left});

    console.log(info.offset().top + ' '  + info.offset().left);  // 213 374.5
});

Если требуется привести какие-нибудь данные еще, напишите. Спасибо!

Answer 1

[Abdula Magomedov]

jquery.page2page.ru/index.php5/%D0%9C%D0%B0%D0%BD%...

Прочитай про разницу между width, outerWidth, innerWidth, height, outerHeight, innerHeight, я чувствую дело в этом. Эти методы разные значения возвращают

Comments

[Влад]

Спасибо! При первом кликле на элемент позиция уезжает почему-то. Но если я начинаю между двумя элементами с классом (.structure-avatar) перещелкивать, все круто, позиция отрабатывает.

[Влад]

Спасибо, разобрался) действительно отступы мешались :)

Answer 2

[Дмитрий Мельник]

Возможно, margin у .user-popup-info

Comments

[Влад]

Спасибо!