工具提示 html 内容

Question

我不知道是什么原因，但在工具提示中 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>

Answer 1

你的 title 属性有一堆&它应该在哪里的实例&。

例如，您有：

<img src="my-image.png" />

什么时候应该：

<img src="my-image.png" />

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

工作片段：

<img src="my-image.png" />

<img src="my-image.png" />