Javascript工具提示器HTML内容未显示

我一直在使用Tooltipster的旧版本将HTML内容（主要是另一张图片和一些文本的div）放在文本或图片上的鼠标悬停上，使用标题方法中现在已弃用的写入HTML。更新后，我想切换到当前的标准，我不是很管理它。我正在处理的页面中的所有工具提示实例都将它们的类名更改为'tooltipstered'，所以我的工作提示实例在我的头文件中正确加载（通过触发一些Tooltipster错误消息进行验证） m很确定脚本也能识别这些。Javascript工具提示器HTML内容未显示

页面是用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>

结果：

我一直在关注这里provived说明： http://iamceege.github.io/tooltipster/#getting-started根据第5条我很无能在我的错误是，工具提示无法显示在所有的鼠标悬停。更奇怪的是：某些脚本在悬停时执行，因为包含工具提示的跨度在之后从代码中消失。（至少通过检查萤火虫控制台）。

事先感谢您的帮助！

来源

2016-08-03 Alasdair

嗨，你能提供jsfiddle吗？ – Kison

正在工作！感谢您的建议！ – Alasdair

嗨，你在'span'后面忘了''''。此外，在HTML4中，你不能使用数字作为ID，也许这就是为什么：尝试'x1'，'x2'等等。 –

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

来源

2016-08-03 09:55:44 Alasdair

Javascript工具提示器HTML内容未显示

回答

相关问题