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

Displaying a tooltip with PHP object's properties using jQuery Tooltip Plugin (or any other method)

本文关键字：工具提示 PHP 显示 对象 属性 方法 插件 jQuery 其他 任何 使用      更新时间：2023-09-26

我无法解决这个问题。我有一些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 课，但我仍然被困在这样的简单问题上，对此有什么建议吗？

提前谢谢大家。

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

试试这个：

将 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>
相关文章：