Как заставить свиток двигаться вместе с диалогом в расширяющемся элементе

Я считаю, вы хотите этого
http://jsfiddle.net/peMGg/102/
Поскольку максимальное перемещение диалогового окна зависит от высоты и ширины тела, вы должны сделать его неограниченным, прежде чем сделать его перетаскиваемым, это можно сделать с помощью другой функции нажатия и отпускания мыши...
Я сначала делаю его unragable открытым, поэтому мы можем добавить функцию в строку заголовка диалога:

open: function () {
    $(this).dialog("widget").appendTo("#content");
    $( ".dialog" ).dialog( "option", "draggable", false );
},

Я добавил:

var wBodyy = $("body").width();
var hBodyy = $("body").height();

на базе, поэтому он может быть доступен глобальным,
и затем добавил эти функции, чтобы сохранить ширину и высоту тела, а затем сделать его 20000, а затем сделать его перетаскиваемым, чтобы его можно было перетащить! и после того, как он был выпущен, он должен быть снова неотразимым !:

$(".ui-dialog-titlebar").mousedown(function() {
    wBodyy = $("body").width();
    hBodyy = $("body").height();
    $("body").width(20000);
    $("body").height(20000);
    $( ".dialog" ).dialog( "option", "draggable", true );
});
$(".ui-dialog-titlebar").mouseup(function() {
    $( ".dialog" ).dialog( "option", "draggable", false );
});

И последнее, что я должен положить оригинальное количество тела обратно при перетаскивании, поскольку он больше не проверяет тело! Я могу положить его на событие dragStart:

dragStart: function(event, ui) {
    $("body").width(wBodyy);
    $("body").height(hBodyy);
},

Кроме того, чтобы сделать его бегающим, когда мышь выходим здесь, это решение:
сделать событие mousedown следующим образом:

$(".ui-dialog-titlebar").mousedown(function() {
    if ($("body").width()!=20000){
        wBodyy = $("body").width();
        $("body").width(20000);}
    if ($("body").height()!=20000){
        hBodyy = $("body").height();
        $("body").height(20000);}
    $( ".dialog" ).dialog( "option", "draggable", true );
});

Поэтому он меняет переменную только тогда, когда это необходимо!
а также при выводе мыши и перетаскивании, необходимо изменить на:

$(".ui-dialog-titlebar").mouseup(function() {
        if ($("body").width()==20000){$("body").width(wBodyy);}
        if ($("body").height()==20000){$("body").height(hBodyy);}
    $( ".dialog" ).dialog( "option", "draggable", false );
});

а также

dragStart: function(event, ui) {
    if ($("body").width()==20000){$("body").width(wBodyy);}
    if ($("body").height()==20000){$("body").height(hBodyy);}
},

поэтому они получат изменения на nescesary Надеюсь, что это поможет