将地图区域分配给工具提示

Question

我让bootstrap tooltip为文本和按钮工作，但是当我尝试为它分配一个地图区域时，它看起来不应该是这样。

文字在那里，但是引导整洁已经消失了。

以下是代码：

<a>
    <img src="http://i621.photobucket.com/albums/tt296/viktorvnh/deskone_zpswpfj5mrc.jpg" usemap="#Map"/>
<map name="Map" id="Map">
         <area shape="rect" coords="374,414,624,570" href="#" data-toggle="modal" data-toggle="tooltip" title="I don't remember painting that." data-target=".modal"
</map>
</a>

Answer 1

看看这个例子：

Bootply ：http://www.bootply.com/hsm6jQuk1s

该区域没有真正的〜位置和大小〜，所以你必须设置它......否则，工具提示不知道它应该出现在哪里......

<强>的CSS ：

#myarea{
  position:absolute;
  left:374px;
  width:250px;
  top:414px;
}

<强> JS ：

$('#myarea').tooltip();