Сделать div всплывающим рядом со ссылкой

Question

Я ищу очень простое решение (с использованием jQuery), позволяющее небольшому всплывающему элементу div появляться рядом с любой ссылкой, по которой я нажимаю. Я знаю, как сделать так, чтобы div показывал и скрывал, но проблема в том, что я не знаю, как заставить их отображаться рядом со ссылкой, с которой я их вызвал.

Было бы идеально, если бы я мог использовать один и тот же div для всех всплывающих окон, независимо от того, по какой ссылке я нажимаю. Я не ищу готовый плагин, только этот базовый функционал.

Answer 1

Как только вы начнете работать с всплывающим окном, вы начнете думать о форматировании, размещении содержимого полных веб-страниц внутри этих DIV и т. Д.

Не бездельничайте ... получите QTip. Мы сделали, и мы очень счастливы.

Answer 2

Если вы не хотите использовать плагин (и qTip звучит идеально для этого), вы можете сделать это несколькими способами: с помощью CSS или с помощью jQuery offset().top и аналогично позиции.

Проще всего было бы использовать CSS. Добавьте элемент к ссылке (или создайте элемент переноса для своей ссылки и добавьте дочерний элемент) и установите для нового элемента position значение absolute, а для родительского элемента - relative. Затем вы можете просто манипулировать свойствами left, right, top или bottom, чтобы разместить всплывающее окно.