Как перетащить диалоговое окно JqueryUI за пределами страницы

Question

У меня есть диалоговое окно jqueryUI, используемое для загрузки некоторых файлов, в то время как родительская страница позволяет пользователям заполнять некоторые детали. Я хочу, чтобы диалоговое окно было перемещено из окна родителя, чтобы облегчить это. Я установил для атрибута modal значение false, чтобы разрешить редактирование на родительской странице. Это возможно? Буду признателен за любую оказанную помощь.

Это ДИВ я использую в качестве диалогового

<div id="somediv" title="Attach files" style="display: none;"> <iframe id="thedialog" width="350" height="350"></iframe> </div>

уведомления, что у меня есть IFRAME, в котором ЦСИ обратит рядом, когда я загрузить диалог по существу загрузить другую страницу диалогового окна

внутри

$(".someClass").click(function() { 
      $("#dialogBox").attr('src', $(this).attr("href") + "?EmailFolderPath=" + folderID); 
      $("#myDiv").dialog({ 
       width: 400, 
       height: 450, 
       modal: false, 
       close: function() { 
       } 
      }); 

любая идея, как я могу это сделать?

Answer 1

Поскольку вы не предоставили какой-либо код, я работал на что-то вроде этого:

$.ui.dialog.prototype._makeDraggable = function() { 
this.uiDialog.draggable({ 
    containment: false, 
    }); 
}; 

Вы просто должны добавить это к вашей таблице стилей!

body { 
position: absolute; 
top: 0; 
left: 0; 
bottom: 0; 
right: 0; 
overflow-y: hidden; 
overflow-x: hidden; 
} 


html { 
overflow-y: hidden; 
background-color: transparent; 
} 

Все, что мне было нужно, чтобы установить нижнюю и справа, как 0

Для меня он работал, он должен работать слишком.