如何讓工具提示出現在彈出窗口中？

在我的機器，這個代碼產生的鼠標懸停提示在引導glyphicon：如何讓工具提示出現在彈出窗口中？

<span class="glyphicon glyphicon-info-sign tt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top"> </span>

然而，當我堆棧中的酥料餅裏面的提示，使用的代碼生成自身不再生產工具提示工具提示：

<a href="#" class="example" data-toggle="popover" >Experiment</a> 
<div id="popover_content_wrapper" style="display: none"> 
    <a href=""> 
    <span class="glyphicon glyphicon-info-sign tt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top"> </span> 
    </a> 
</div>

這裏是我如何觸發在JavaScript的酥料餅和工具提示（如下這些HTML元素）

<script> 
    $('.tt').tooltip(); 
    $('.example').popover({ 
     trigger: 'hover click', 
     html: true, 
     content: function() { 
      return $('#popover_content_wrapper').html(); 
     }, 
     placement: 'top', 
     delay: { show: 500, hide: 1000 } 
    }); 

</script>

任何想法關於如何讓工具提示出現在popover內的元素上？

來源

2013-10-18 minda

不要手動設置'數據原始title'。 JS爲你做這個 – Phil

問題是出現在彈出框中的.tt分類元素與用於綁定.tooltip()的分類元素不同。

您需要通過selector選項以使用委託模型，如

$(document).tooltip({ 
    selector: '.tt' 
});

演示在這裏 - http://jsfiddle.net/jAtqW/

來源

2013-10-18 00:44:16 Phil

如何讓工具提示出現在彈出窗口中？

回答

相關問題