JQuery UI диалог позиционирования

Question

Я пытаюсь использовать библиотеку jQuery dialog UI , чтобы расположить диалоговое окно рядом с текстом, когда он находится над ним. Диалог jQuery принимает параметр позиции, который измеряется в верхнем левом углу текущего видового экрана (другими словами, [0, 0] всегда будет помещать его в верхний левый угол окна браузера, независимо от того, где вы в данный момент прокручиваете ). Тем не менее, единственный известный мне способ получения местоположения - это элемент относительно ВСЕЙ страницы.

Вот то, что у меня есть в настоящее время. position.top рассчитывается как что-то вроде 1200 или около того, что ставит диалоговое окно намного ниже остального содержимого на странице.

$(".mytext").mouseover(function() {
    position = $(this).position();
    $("#dialog").dialog('option', 'position', [position.top, position.left]);
}

Как мне найти правильную позицию?

Спасибо!

Answer 1

Вы можете установить верхнюю позицию в стиле для отображения по центру, увидев, что код:

.ui-dialog {top: 100px! Важный;}

Этот стиль должен отображать диалоговое окно 100px внизу сверху.