BOOTSTRAP工具提示多实例不起作用

Question

我正在尝试使用tooltip()并打开多个实例,如下所示:

$("*").tooltip({
    selector: "*[rel=tooltipTOP]",
    placement: "top"
  });
  $('*').tooltip({
    selector: "*[rel=tooltipBOTTOM]",
    placement: "bottom"
  });

然后在html我做的例子

<a rel="tooltipTOP" data-original-title="top">tooltip TOP</a>
<a rel="tooltipBOTTOM" data-original-title="bottom">tooltip BOTTOM</a>

所以工具提示TOP还可以,但tooltipBOTTOM没有显示工具提示......为什么？

我也尝试为tooltipBOTTOM设置特定的类,但它不起作用,它只实例tooltipTOP rel:/

JSFIDDLE http://jsfiddle.net/BH2GM/1/

Answer 1

HTML

    <ul class="bs-docs-tooltip-examples">
                  <li><a href="#" rel="tooltip" data-placement="top" data-original-title="Tooltip on top">Tooltip on top</a></li>
                  <li><a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Tooltip on right</a></li>
                  <li><a href="#" rel="tooltip" data-placement="bottom" data-original-title="Tooltip on bottom">Tooltip on bottom</a></li>
                  <li><a href="#" rel="tooltip" data-placement="left" data-original-title="Tooltip on left">Tooltip on left</a></li>
</ul>

JS

$('a').tooltip();

DEMO