javascript - 使用 jQuery Tooltip 插件（或任何其他方法）显示带有 PHP 对象属性的工具提示

Question

我无法理解这个问题。我有一些 PHP 对象，我正在使用“echo”在 HTML 页面上显示它；

echo '<td><table border="1" width="55" height="55"><tr><td><img src="' . $Schema->result->item->image_url . '"/></td></tr></table></td>';

我想要做的是，如果我将鼠标悬停在该图像上，它应该显示一个新的小窗口（工具提示）"$Schema->result->level"

我正在使用它来显示工具提示；http://jquery.bassistance.de/tooltip/demo/ (tonus)

但我不知道如何将 PHP 变量传递给 JQuery 函数。

总而言之，当我将鼠标悬停在图像上时，我正在寻找一种在新窗口中显示对象变量的方法。

---

我做这一切都错了吗？我完成了 codecademy.com 的课程，但我仍然陷入这样的简单问题，对此有什么建议吗？

提前谢谢大家。

Answer 1

尝试这个：

将 id 添加#tonus到图像 tag( <img) 并添加$Schema->result->level到title属性

echo '<td><table border="1" width="55" height="55"><tr><td><img id="tonus" src="' . $Schema->result->item->image_url . ' title="'.$Schema->result->level .'"/></td></tr></table></td>';

JS：

<script>
$('#tonus').tooltip({ 
    delay: 0, 
    showURL: false
});
</script>

Answer 2

我可以建议使用JQueryUI 工具提示库吗？您需要做的就是将数据输出到title属性中，然后在加载时实例化工具提示库。