当对象在iframe中时,JqueryUI可拖动不会触发停止事件

时间:2012-10-24 00:57:17

标签: javascript jquery-ui iframe

请看我的例子:

http://fiddle.jshell.net/Msd7v/10/

console.log($('#app').contents().find('.widget').draggable({
  iframeFix:true,
  start:function(){ console.log('started') },
  drag:function(){ console.log('dragging') },
  stop:function(){ console.log('stopped') }
}));​

拖动项目时,您可以在控制台中看到它会触发开始和拖动事件,但如果放开,则不会触发停止操作。您也无法再次拖动该项目,可能是因为没有正确处理鼠标悬停状态。

任何人都有一些修复的想法?提前谢谢。

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

2 个答案:

答案 0 :(得分:0)

所有主流浏览器都不支持srcdoc属性,我认为这是为什么它无法正常运行:http://w3schools.com/html5/att_iframe_srcdoc.asp

答案 1 :(得分:0)

在这里查看jsfiddle:http://fiddle.jshell.net/Msd7v/30/

将jQuery更新为1.10.1并将jquery-ui更新为1.10.3修复了此