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內容未顯示

回答

相關問題