如何使用具有动态位置的 javascript 生成引导弹出框

Question

我正在创建的页面有几个画布元素，它们被制成饼图。我想这样做，如果我单击饼图的特定部分，则会在其旁边生成一个弹出框，其中包含有关该特定部分的信息。

**所以我的具体问题是：** 如何在页面上的特定 x 和 y 位置生成弹出框？例如，如果我要计算点击部分的右上角在 x: 295, y: 400，我将如何将生成的弹出框放置在该位置？ Javascript 或 Jquery 都可以

Answer 1

创建一个带有样式的 div：

<div id="popover"> content </div>

#popover{
    position: absolute;
//    left: <x>px;
//    top: <y>px;
    display: inline-block;
    height: 100px;
    width: 100px;
}

点击时为#popover设置左右并显示元素。