javascript - 如何在 HTML 图像地图上制作 twitter-bootsrap 弹出框

Question

我正在制作一个网站，在该网站上我有一张带有图像地图的图像。

我被困在这一点上，弹出框在标签中工作得很好，但在标签中却没有。有谁知道如何让 twitter-bootstrap 弹出窗口在图像地图上工作？

我认为这与这一行有关：$('#example').tooltip(options) tooltip exaple

twitter-bootstrap pover

谢谢（我希望我的英语是可以理解的）

Answer 1

将您的图像映射变成类似（填充...px实际尺寸）：

<div id="#map" style="position:relative;width:...px;height:...px;background-image:...">
    <a id="map-link-1" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    <a id="map-link-2" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    ...
</div>

然后像你习惯的那样处理锚。