gpt4 book ai didi

javascript - 工具提示 html 内容

转载 作者:行者123 更新时间:2023-11-30 10:02:00 27 4
gpt4 key购买 nike

我不知道是什么原因,但在工具提示中 html 内容不会显示。我对 html 进行了编码,在脚本中添加了选项,但仍然是一个字符串。

$(document).ready(function() {
$('.tooltip').tooltipster({
contentAsHTML: true,
interactive: true,
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<link rel="stylesheet" href="http://iamceege.github.io/tooltipster/css/tooltipster.css">
<span title="&amp;lt;img src=&amp;quot;my-image.png&amp;quot; /&amp;gt; &amp;lt;strong&amp;gt; This text is in bold case !&amp;lt;/strong&amp;gt;" class="tooltip">Why is this not working</span>

最佳答案

您的 title 属性有一堆 & 的实例,它应该只是 &

例如,您有:

&amp;lt;img src=&amp;quot;my-image.png&amp;quot; /&amp;gt;

什么时候应该:

&lt;img src=&quot;my-image.png&quot; /&gt;

我不确定你是如何生成标题属性的,看起来你可能已经对字符串进行了两次转义。


工作片段:

$(document).ready(function() {
$('.tooltip').tooltipster({
contentAsHTML: true,
interactive: true,
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://iamceege.github.io/tooltipster/js/jquery.tooltipster.js"></script>
<link rel="stylesheet" href="http://iamceege.github.io/tooltipster/css/tooltipster.css">
<span class="tooltip" title="&lt;img src=&quot;my-image.png&quot; /&gt; &lt;strong&gt; This text is in bold case !&lt;/strong&gt;">This is working</span>

关于javascript - 工具提示 html 内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31082910/

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