Question

我使用旧版本的Tooltipster来处理HTML内容（主要是使用另一张图片和一些文字的div），使用标题方法中现已弃用的HTML编写鼠标悬停在文本或图片上。更新后，我想切换到当前标准，而我还没有完全管理它。

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

该页面是用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个这样的实例，工具提示内容属性从＃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部分下。我对我的错误毫无头绪，工具提示在鼠标悬停时根本没有显示出来。更奇怪的是：某些脚本在悬停时执行，因为包含工具提示的跨度随后会从代码中消失。（至少通过检查firebug控制台）。

事先感谢您对此有任何帮助！

Answer 1

犯了一个非常糟糕的错误 - 代码似乎确实是正确的;错误是Tooltipster的CSS文件由于拼写错误而无法正确加载。

Javascript Tooltipster HTML内容未显示

1 个答案: