Почему неправильно определяются координаты мыши?

Question

[Dvorak]

По задумке меню должно появляться в точек клика. Но почему-то оно уезжает.
Позицию определяю так:

$('class').on('click', function(e) {
     var x=e.pageX,
         y=e.pageY;
};

У выпадающего меню следующие свойства

position: absolute;
		color: #000000;
		background-color: #FFFFFF;
		z-index: 9999;
		list-style-type: none;
		border: 1px solid #D3D3D3;
		border-radius: 5px;
		padding: 0.5%;

Comments

[OVK2015]

сильно съезжает?

[Dvorak]

OVK2015: на 10 см

[OVK2015]

$("#menuBlock").css({"top" : y, "left": x}); и съезжает на 10 см?

[Dvorak]

OVK2015: да

Answer 1

[Сергей delphinpro]

Ну это же элементарно.
pageX - это координата относительно окна браузера (точнее - страницы целиком).
абсолютное позиционирование задает позицию относительно родителя с релатив
Вывод:
нужно пересчитывать абсолютные координаты получаемые из ивента, в относительные. В калькуляции можно/нужно использовать смещение родительского элемента относительно окна .offet().top, .offset().left

Comments

[Dvorak]

да, уже дошло. Сделал так, как вы сказали. Спасибо

Answer 2

[Петр]

А кто является родителем у вашего меню?
body?

Comments

[Dvorak]

нет. Родительский элемент - это div , в котором строка текста. Я бы скинул код, но там 90% всех элементов создаётся динамически, поэтому потребуется много времени, чтобы понять, что к чему