使用jQuery Tooltip Plugin（或任何其他方法）显示带有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/（紧张）

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

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

---

我这样做是错的吗？我完成了codecademy.com的课程，我仍然遇到这样的简单问题，对此提出了什么建议？

提前全部谢谢。

Answer 1

试试这个：

将ID #tonus添加到图片代码（<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 tooltip库吗？您需要做的就是将数据输出到title属性，然后在加载时实例化工具提示库。