在 jquery qtip 中浮动？答案

【问题标题】：Flot within jquery qtip?在 jquery qtip 中浮动？
【发布时间】：2012-07-01 21:44:34
【问题描述】：

我正在尝试复制 Amazon、Trip Advisor 等正在做的事情，并在将鼠标悬停在平均评论分数上以显示条形图格式的分数细分时显示工具提示类型界面 - 在 qtip 论坛上据说使用 Flot （我第一次像通常使用谷歌图表一样使用它）但是当我将它放在工具提示之外时，图表在页面上呈现良好，但一旦我将 div 放入其中，它就不起作用了。

我的页面是：http://solicitor.info/demo/solicitors/?id=15

谁能看看我做错了什么？

【问题讨论】：

标签： jquery flot qtip

【解决方案1】：

当我点击您的页面时，我收到一个 javascript 错误：

Uncaught Invalid dimensions for plot, width = null, height = null

我猜它正在尝试渲染绘图，而“占位符”div 仍隐藏在 qtip 内。

我会尝试将 $.plot 调用移动到 qtip onShow 回调中。这样您就可以确定在尝试渲染绘图之前会显示 div。

【讨论】：

显然，@user759542，您应该在问题中告诉我们您遇到了明显相关的错误:)
抱歉，您能再解释一下吗？ Javascript 不是我的强项 :( 并感谢 Ryley，指出。
在调用 javascript 来渲染绘图时，占位符 div（将在其中绘制绘图）是一个“隐藏”元素（它有 display: none）。由于它实际上不在屏幕上，因此它没有宽度和高度。 Flot 要求它存在并设置这些属性。