javascript - 如何在 HTML 图像 map 上制作 twitter-bootstrap 弹出窗口

Question

我正在制作一个网站，在网站中我有一个带有图像映射的图像。

我被困在这一点上，弹出窗口在标签中完美工作，但在标签中却不起作用。有谁知道如何让 twitter-bootstrap 弹出窗口在图像 map 上工作？

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

the 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>

然后像平常一样处理 anchor 。