Javascript 当对象在iframe中时,JqueryUI Dragable不触发停止事件

Javascript 当对象在iframe中时,JqueryUI Dragable不触发停止事件,javascript,jquery-ui,iframe,Javascript,Jquery Ui,Iframe,请看我的例子: 您可以在控制台中看到,当拖动项目时,它将触发启动和拖动事件,但如果放弃,则不会触发停止操作。您也不能再次拖动该项,可能是因为mouseup状态未正确处理 有人有解决问题的办法吗?提前谢谢 编辑:添加了不带srcdoc的新示例,以显示这种情况在工作的iframe中发生。没有一个主要浏览器支持srcdoc属性,我认为这就是它无法正常工作的原因:请在此处查看JSFIDLE: 将jQuery更新为1.10.1,将jQuery ui更新为1.10.3修复了此问题此错误发生在真实的ifra

请看我的例子:

您可以在控制台中看到,当拖动项目时,它将触发启动和拖动事件,但如果放弃,则不会触发停止操作。您也不能再次拖动该项,可能是因为mouseup状态未正确处理

有人有解决问题的办法吗?提前谢谢


编辑:添加了不带srcdoc的新示例,以显示这种情况在工作的iframe中发生。

没有一个主要浏览器支持srcdoc属性,我认为这就是它无法正常工作的原因:

请在此处查看JSFIDLE:


将jQuery更新为1.10.1,将jQuery ui更新为1.10.3修复了此问题

此错误发生在真实的iframe中,其行为与在JSFIDLE中使用srcdoc相同(srcdoc在chrome中工作)。必须做一个简单的例子,这是最简单的方法。
console.log($('#app').contents().find('.widget').draggable({
  iframeFix:true,
  start:function(){ console.log('started') },
  drag:function(){ console.log('dragging') },
  stop:function(){ console.log('stopped') }
}));​