Bootstrap Popover和图像映射

Question

http://jsfiddle.net/YsEqb/25/

将鼠标悬停在他的眼睛上。他光荣的眼睛。

我在这里要做的是让popover的东西出现在他的眼睛上方，而不是在图片本身之上。很简单的问题，但我有一段时间试图解决它。我知道插件不应该用于图像映射，但它是我现在唯一需要处理的东西。这似乎是我应该能够捏造的东西。那么，Stackoverflow，你会帮我搞软糖吗？

这是一个占位符图片，真实代码将用于图片可能位于不同位置的页面，具体取决于用户操作。并且不止一个人会调用相同的地图。所以它必须出现在调用地图的特定图像上。

谢谢大家。

{我无法在没有任何代码的情况下提交此内容。这是我正在使用的javascript。}

       $(document).ready(function() {
     $('#eye').popover({
        placement : 'top'
    });
  $('#eye2').popover({
        placement : 'top'
    });
});

Answer 1

对于那些感兴趣的人，这是我如何解决这个问题。

我决定抛弃区域地图，转而采用更复杂的解决方案。创建了一个链接标记，其中包含弹出窗口的所有元素，并将其显示为内联块。将它放置在与其所在容器相关的位置。然后将其放置在眼睛所在的位置。没有圆圈，但看不见的方块也可以。谁会注意到，是吗？它比我喜欢的重复编码要多得多，但它的工作原理并没有太慢地降低页面速度。