在我的机器上,此代码在悬停在引导程序glyphicon上时生成工具提示:
<span class="glyphicon glyphicon-info-sign tt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Tooltip on top"> </span>
Run Code Online (Sandbox Code Playgroud)
但是,当我在弹出窗口中堆叠工具提示时,用于生成工具提示的代码不再生成工具提示:
<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>
Run Code Online (Sandbox Code Playgroud)
这是我如何在javascript中触发popover和tooltip(在这些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>
Run Code Online (Sandbox Code Playgroud)
关于如何让工具提示出现在弹出窗口内的元素上的任何想法?