jquery对话框：在iframe里面拖动对话框

在内部拖动带有iframe的jquery对话框时，如果鼠标在拖动时越过框架内容，则拖动会停止。 似乎iframe自动获得焦点。 有没有办法防止这种情况并使阻力正常？

var iframe=document.createElement('IFRAME'); $(div).append(iframe) .dialog(); 

Answer 1

这只是我的猜测，但是我会尝试用100％宽度和高度的透明div覆盖所有内容，同时拖动并确保它在iframe之上并且在拖拽的东西下面:)

Answer 2

从naugtur建议我发现这个良好的工作解决方案：

 dragStart:function(){ var divt=document.createElement('div'); $(divt).attr('id','tempdragdiv'); divt.style.height='93%'; divt.style.width='100%'; $(divt).css('position','absolute').css('left','0') .css('top','0'); $(div).append(divt);//div where is iframe }, dragStop:function(){ $('#tempdragdiv').remove(); } 

Answer 3

你试过为iframe设置一个z-index吗？

 var iframe=document.createElement('IFRAME'); iframe.css('z-index', '-999'); $(div).append(iframe) .dialog();