gpt4 book ai didi

javascript - 如何让工具提示出现在弹出窗口中?

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:35:30 26 4
gpt4 key购买 nike

在我的机器上,这段代码会在悬停在 Bootstrap 字形上时生成工具提示:

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

关于如何让工具提示出现在弹出框内的元素上有什么想法吗?

最佳答案

问题是出现在弹出窗口中的 .tt 类元素与用于绑定(bind) .tooltip() 的元素不同。

您需要通过selector 选项使用委托(delegate)模型,例如

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

此处演示 - http://jsfiddle.net/jAtqW/

关于javascript - 如何让工具提示出现在弹出窗口中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19439397/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com