将助手拖到iframe外部时,不会触发jQuery-ui可拖动拖动事件

时间:2012-10-22 20:23:13

标签: jquery jquery-ui jquery-ui-draggable

https://www.facebook.com/anuary/app_295048007277420"观看预告片&剪辑"是可拖动对象的助手。

如果鼠标光标在iframe外移动(同时拖动),则不再更新该事件。

在iframe-less环境https://dev.anuary.com/c5e22f1a-e772-5ad6-afff-9202af28e644/中完全正常。

是否有可以解决此问题的设置?我怀疑jQuery-ui鼠标移动事件绑定到document而不是window,这导致了问题。

1 个答案:

答案 0 :(得分:2)

您可以尝试在iframe鼠标中使用文档鼠标移动和鼠标移动事件,如下所示。

element.bind('mousedown.' + this.widgetName, function(event){
                        _mouseMoveDelegate = function(e){
                            return _mouseMove();
                        };
                        _mouseUpDelegate = function(e){
                            return _mouseUp();
                        };
                      $(document).bind('mousemove.' + this.widgetName, _mouseMoveDelegate).bind('mouseup.' + this.widgetName, _mouseUpDelegate);
});