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

Question

当拖动内部带有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();