javascript - ツールチップをポップオーバーに表示するにはどうすればよいですか?

Question

私のマシンでは、このコードはブートストラップグリフィコンにカーソルを合わせるとツールチップを生成します:

<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>

ポップオーバー内の要素にツールチップを表示する方法についてのアイデアはありますか?