JQuery диалог: перетаскивая диалог с iframe внутри

Question

При перетаскивании диалогового окна jquery с внутренним фреймом перетаскивание прекращается, если при перетаскивании указатель мыши наводится на содержимое кадра. Кажется, что iframe автоматически берет фокус. Есть ли способ предотвратить это и сделать перетаскивание нормальным?

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

Answer 1

Это только мое предположение, но я бы попробовал покрыть все прозрачным div на 100% шириной и высотой, перетаскивая и гарантируя, что он выше iframes и под перетаскиваемой штукой:)

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

вы пытались установить z-index для iframe?

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