JQuery UI Dialog slow

Question

I\'ve recently ran into a bit of a pain. I\'ve been using the JQuery Dialog box to display some configuration screens in a web app. Nothing too special. However I have a cou

Answer 1

I just ran into this issue using a tabbed dialog with hundreds of checkboxes. I found this link to be very helpful. Took 17s to open the dialog before, but now it's down to about 1.3s. (I'm using a draggable non resizeable dialog)

The trick is to detach the html before you open the dialog, and then use the open function for the dialog to reattach the content.

$('#triggerDialogFast').click(function () {
    var $dialogContainer = $('#dialogContentFast');
    var $detachedChildren = $dialogContainer.children().detach();
    $dialogContainer.dialog({
        width: 425,
        height: 400,
        draggable: false,
        resizable: false,
        open: function () {
            $detachedChildren.appendTo($dialogContainer);
        },
    });
});

I'm not sure but it should probably work by just attaching the html in the open function if that is possible in your scenario.