javascript - 如何将 Google Visualization 放入 <div> 并使用 jQuery 使其可拖动

Question

我遇到一个问题，即当由 Google Visualization 对象填充时，div 变得不可拖动。几乎就像可视化阻止鼠标拖动内容一样。我意识到我可以在 div 外部添加一个句柄，但我需要 div 看起来干净简单(没有句柄或额外的东西)。

这是一个例子:http://jsbin.com/awoma4/5/edit

我需要可视化来填充整个 div，还可以通过在任何地方单击它来拖动它，但现在我不知所措。有任何想法吗？如果这不可能，也许有一种方法可以让句柄只在鼠标悬停时出现，否则就消失？

Answer 1

我找到了解决方法，我做了以下操作:

1. 将可视化的目标更改为具有绝对位置的子 div
2. 添加了第二个高度和宽度 = 100% 并且也是绝对的子 div

这样第二个 child 将“覆盖”第一个(但它基本上是不可见的，因为它是空的)并允许拖放工作(因为它将继承父级的拖放)。 任何人有任何想法或更好的想法？它并不完美，因为它阻止了 Google Visualization 的任何鼠标功能，但它看起来仍然不错。