Javascript 如何在<；部门>；并使用jQuery使其可拖动

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

以下是一个例子：

---

我需要可视化来填充整个div，也可以通过单击它来拖动它，但现在我不知所措。有什么想法吗？如果这是不可能的，也许有一种方法可以让一个手柄只出现在鼠标上方，否则就消失了

删除带有可拖动的脚本标记。调用chart.draw后，立即添加以下代码：

google.visualization.events.addListener(chart, 'ready', $( ".draggable" ).draggable({ grid: [ 40, 40 ], containment: "#playfield", scroll:false}));

您要做的是确保Google图表/可视化API在让jQuery处理可拖动部分之前已经完成

我对您的应用程序进行了这些更改

---

更新/编辑：哎哟，这就是我只看到Chrome中发生的事情（它确实产生了所需的行为，但拖动有点不稳定）得到的结果。Internet Explorer没有呈现图表，Firefox似乎进入了一个无限循环。唉，也许其他人会有一个好答案。我仍然认为为图表就绪事件添加一个侦听器是最终解决问题的方法；我只是对API不够熟悉（加上添加了jQuery UI draggable），无法让它正常工作。

我找到了一个解决方法，我做了以下几点：

将可视化的目标更改为具有绝对位置的子div

添加了第二个子div，该div的高度和宽度均为100%，并且也是绝对值

这样，第二个子对象将“覆盖”第一个子对象（但由于它是空的，因此基本上是不可见的），并允许拖放工作（因为它将从父对象继承拖放）。

---

有人有什么想法或更好的想法吗？它并不完美，因为它阻止了谷歌可视化的任何鼠标功能，但它看起来仍然不错。

至少感谢您的尝试！