0

当我将鼠标悬停在没有嵌套 div 的图像上时，我希望出现三个不同的工具提示。

此代码确实有效：

<div class="col-md-6 col-md-offset-2">
     <div id="tooltip1" data-toggle="tooltip" data-placement="top" title="keyword1" >
     <div id="tooltip2" data-toggle="tooltip" data-placement="left" title="keyword2">
     <div id="tooltip3" data-toggle="tooltip" data-placement="bottom" title="keyword3">
     <img src="/img/600x336.jpg" class="img-responsive" /></div></div></div>
</div>


我想做的是这样的事情，“数据内容”可能是“id：position：title”：

<div id="tooltips1" data-toggle="tooltip" data-content="tip1,top,keyword1:tip2,left,keyword2:etc;">
    <img src="img/600x336.jpg" />
</div>

参考：具有多个“数据切换”的引导控制

有没有人有任何想法？我正在使用 Bootstrap 3.1.1，我的 javascript 非常有限。

4

0 回答 0