2014-09-24 68 views
1

試圖讓下面的提示在每個選項卡的工作,但對我不起作用....引導3提示上的標籤

Fiddle

<div class="tabbable"> 
<ul class="nav nav-tabs" role="tablist"> 
    <li class=""> <a href="#tab1" role="tab" data-toggle="tab" data-original-title="Our Stories"> 
<img src="/files/cache/cf16a20834dcce2bb50055192c532fad_f35.png" width="94" height="48" alt="Our Stories"> 
</a> 

    </li> 
    <li class=""><a href="#tab2" role="tab" data-toggle="tab" data-original-title="Bond + Bond"> 
<img src="/files/cache/70517c921a870be3c0580871aa6e8e8a_f36.png" width="99" height="50" alt="Bond"> 
</a> 

    </li> 
</ul> 
<div class="tab-content"> 
    <div class="tab-pane fade" id="tab1"> 
      <h2>Our Stories</h2> 

    </div> 
    <div class="tab-pane fade" id="tab2"> 
      <h2>Bond</h2> 

    </div> 
</div> 

JS

$('[data-toggle="tab"]').tooltip({ 
'placement': 'top' 
}) 

是否有可能在標籤鏈接上提供工具提示?

+0

可能重複(http://stackoverflow.com/questions/11343327/conflict-之間的自舉-tabbable和 - 酥料餅) – isherwood 2014-09-24 17:38:05

回答

3

here借用的答案。

$('[data-toggle="tab"]').tooltip({ 
    trigger: 'hover', 
    placement: 'top', 
    animate: true, 
    delay: 500, 
    container: 'body' 
}); 

Demo

4

可以。只需添加您的提示功能,li標籤,它wrapps的adata-toggle=tab

檢查的[引導tabbable和酥料餅之間的衝突]的DEMO