javascript - 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();