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

How to generate a bootstrap popover using javascript with dynamic location

本文关键字：javascript 何使用 动态 位置      更新时间：2023-09-26

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

**

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

创建一个带有样式的div：

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

单击 #popover 设置左右并显示元素。

相关文章：