Javascript 如何给jquery模态不同的位置（不总是居中）

好的，我用这个，我有一个可点击的名字列表，如下所示：

• 弗雷德
• 理查德
• 大卫
• 佩雷
• 数据库
• 费亚

现在，当用户单击Fred或任何其他名称时，我希望在其顶部显示colorbox模式，就像（当您单击

快速查看

）一样，这样我的模式就不会以页面为中心，而是相对于单击的列表项进行定位。我同意您可以通过给每个

一个类并对其进行处理来实现这一点，但考虑到我有40多个名称，这样做只会导致大量代码。我如何用最少的代码实现这一点，即将模式相对于列表项居中（注意：-使用css position relative不能作为首选）