Javascript Tooltipster HTML 内容未显示

Question

我一直在使用旧版本的 Tooltipster 将鼠标悬停在文本或图片上​​的 HTML 内容（主要是带有另一张图片和一些文本的 div）上，使用现在已弃用的在 title 方法中编写 HTML。更新后我想切换到当前标准，但我不太会管理它。

Jquery 和 Tooltipster 已正确加载到我的标题中，（通过触发一些 Tooltipster 错误消息来验证），并且我正在处理的页面中的所有工具提示实例都将其类名更改为“tooltipstered”，所以我很确定脚本也能识别这些。

页面是用php编写的（使用codeigniter），内容由foreach循环产生，这里的$key变量是数字。

echo "<img src='{$value['bild']}' style='width:60px; height:60px;'>";
echo "<br>";
echo "<span class='tooltip' data-tooltip-content='#$key'>";
echo "{$value['name']}";
echo "</span>";
echo "<br>";

这个输出：

<span data-tooltip-content="#1" class="tooltip tooltipstered">Schütze</span>

（页面上总共有24个这样的实例，tooltip-content属性从#1到#24这样）

我的工具提示是由另一个 foreach 循环以类似的方式生成的：

<div class='tooltip_templates'>
<?php 
foreach ($klassenbaum as $key => $value){

echo "<span id='$key'>";
echo "<h1>Text für Klasse Nummer $key!</h1>";
echo "</span>";
}

?>
</div>

结果：

<div class="tooltip_templates">
<span id="1"><h1>Text für Klasse Nummer 1!</h1></span
</div>

我一直按照此处提供的说明进行操作： http://iamceege.github.io/tooltipster/#getting-started 在第 5 节下。我完全不知道我的错误在哪里，鼠标悬停时工具提示根本没有出现。更奇怪的是：一些脚本是在悬停时执行的，因为包含工具提示的 span 会在之后从代码中消失。 （至少通过检查萤火虫控制台）。

在此先感谢您的帮助！

Answer 1

犯了一个非常糟糕的错误——代码似乎确实是正确的；错误是由于拼写错误导致来自 Tooltipster 的 CSS 文件无法正确加载。