jquery - сделать div, где я нажимаю?

Question

Эй, я пытаюсь сделать небольшую функцию, где я могу щелкнуть значок, и появится окно, похожее на лайтбокс, но закрепленное на значке. Есть ли способ

1. Скажите, где значок на экране, а затем
2. Есть верхний левый угол моей коробки находится там, где значок, а затем
3. ли моя коробка появится в том, что место нахождения?

Спасибо!

Answer 1

// 1.Tell where the icon is on the screen 
var off = $("#iconId").offset(); 

// 2.Have the top left corner of my box placed where the icon is 
var div = $("#divId"); 
div.css({ position: "absolute", top: off.top, left: off.left }); 

// 3.Have my box appear in that location? 
div.show(); 

Answer 2

$(function() { 
    $("#icon").click(function(){ 
     var offset = $(this).offset(); 
     $("#pop").css("position","absolute").css("top",offset.top+$(this).height()).css("left",offset.left); 
     $("#pop").show(); 
    }); 
}); 

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