如何在工具提示(引导5) /错误304中显示图像
如何在工具提示(引导5) /错误304中显示图像
提问于 2022-09-22 08:31:50
我和Bootstrap 5一起工作。
我有一个tooltip，我想在这里显示一个文本(它工作得很好)和一个图像，所以我使用了data-bs-html="true"。
我的投入包括。我的tooltip如下所示：
<input
class="form-control tooltip-element"
data-bs-placement="right"
data-bs-html="true"
title="Test title.<br><img src='../assets/picture.png'>"
/>当我进入Network时，我总是会得到ERROR 304，因为文件将丢失在缓存中。
我该如何解决这个问题？提前感谢！
信息：路径和所有值/定义都是正确的。
回答 1
Stack Overflow用户
发布于 2022-09-22 09:40:41
我想是关于img.src的。我确实在这里创建了一个示例。您可以在输入上悬停，图像将在一段时间后显示。
<input
id="example"
class="form-control tooltip-element"
data-bs-placement="right"
data-bs-html="true"
title="Test title.<br><img src='https://picsum.photos/200/300'>"
/> var exampleEl = document.getElementById('example')
var tooltip = new bootstrap.Tooltip(exampleEl, {
boundary: document.body,
// read more at https://getbootstrap.com/docs/5.0/components/tooltips/#options
template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'// or document.querySelector('#boundary')
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73811576
复制相关文章
相似问题
腾讯云开发者
