时间戳

首页 > 解决方案 > 关于使用 jquery tooltipster 插件的问题

javascript - 关于使用 jquery tooltipster 插件的问题

问题描述

我正在使用 tooltipster 来显示一些数据。（使用 jquery，工具提示器）

下面是我的代码。

<html>
<header>
<style>
#tooltip_content{display: none;}
</style>
</header>
<body>
<span class="tooltip" data-tooltip-content="#tooltip_content">This span has a tooltip with HTML when you hover over it!</span>

  <div id="tooltip_content">
    <div>
      <img src="../static/images/caticon.png" /> 
    </div>
      <strong>This is the content of my tooltip!</strong>
  </div>

<script>
  $(document).ready(function(){
    $('.tooltip').tooltipster({
      content: $('#tooltip_content').html()
    });
  })
</script>
</body>
</html>

当我运行代码时，工具提示中会打印 html 代码。 在此处输入图像描述

是否有将我的代码打印到 html 的解决方案？

标签： javascripthtmljquerytooltip

解决方案

我找到了答案。

我必须使用contentAsHTML: true

推荐阅读