我正在尝试拖动包含使用Google可视化JavaScript库创建的计量窗口小部件的div。该库在位于表内的iframe内创建一个svg。
我有一个包装整个东西的div，我希望能够拖动它。 问题是似乎iframe捕获鼠标点击并且它们从未冒泡到div，因此不会触发拖动。有谁知道如何手动触发可拖动事件？我尝试用'mousedown'来触发它，但这不起作用。
其他人有这个问题吗？
谢谢。
答案 0 :(得分：0)
有些事情会浮现在脑海中：
1）如果你的div崩溃（使用firebug来查看计算的高度/宽度），有时会发生浮动元素，那么你的“可拖动区域”实际上可能不存在。即使父级崩溃，子元素也会显示出来。尝试为父容器设置明确的高度/宽度。
2）也许是因为你使用的特殊子元素。在这种情况下，潜在的解决方法：创建一个子div，具有与父级相同的高度/宽度，并将其定位设置为绝对，并创建一个大的z-index以将其置于顶部。这基本上将“层”放在整个容器的顶部。我不确定你是如何使用.draggable（）函数将新的顶级图层用作可拖动区域的，因为你也想要拖动整个父图层。如果你将.draggable（）添加到这个新图层，它只会拖动该图层。
一个简单的解决方案：为该窗口创建一个“标题栏”，并将CSS游标属性设置为该可移动图标（不确定语法）。然后你的用户知道抓住标题栏来拖动它。
不确定这是否有帮助...