jquery - 单击并拖动在 Firefox 中不适用于 jQuery UI iframeFix

Question

这有点难以解释，所以我在这里设置了一个简化的测试用例:http://jsfiddle.net/5Z6h6/1/ 。本质上，我将 jQuery UI 的 .draggable 传递给 iFrame 的内容，并使用 jQuery UI 的内置 iframeFix 来避免 iFrame 捕获鼠标事件时出现问题。

这非常有效，但在 Firefox 中，单击和拖动似乎不再起作用；相反，您必须单击、释放、拖动，然后再次单击才能放置。这是预期的行为吗？有办法解决这个问题吗？

非常感谢任何帮助。

Answer 1

神奇的是在鼠标按下开始时弹出 iframe:

$iframe.css('display', 'none');

然后设置可拖动和触发事件:

$draggable.trigger(event);  

然后再次显示 iframe:

$iframe.css('display', 'block'); 

这个函数应该运行得足够快，这样你就不会看到任何闪烁——我经过反复试验才找到这个，但这解决了我在 Firefox 中的 iframe 问题。