一个内置shellinabox的多个jQuery UI对话框（作为iframe？）

Question

我想在一个带有多个对话框的页面上的（非模态）jQuery UI对话框中放置一个控制台。

使用iframe封装shellinabox控制台几乎可以工作：

function MakeDialog(title){
    counter++;
    $('<div class="vbox" id=\"' + counter + '\"></div>')
        .dialog({title:title, closeOnEscape: false})
        .dialogExtend({'dblclick':'maximize','maximizable': true, 'minimizable': true});
    return counter;
}

var windowID = MakeDialog('NEURON 7.4 pre-alpha', true);
$('#' + windowID).append('<iframe src="http://localhost:4201" width="100%" height="100%"></iframe>');

问题是当我点击对话框的标题栏（将其提升到顶部）时，DOM会重新构建。如果在此过程中移动了iframe，则Chrome会重新加载，从而导致控制台状态丢失。

如何让控制台成为网页上的众多对话框之一？