Question

in my application I have a rather large table, which takes some time to load.

There I have several Jquery UI modal dialogs:

    $( "#element_copy" ).dialog({
        autoOpen: false,
        height: 600,
        width: 550,
        modal: true,
        close: function() { 
            $(":checked").removeAttr("checked");
        }
    });

Dialogs work fine.

PROBLEM:

Before the whole table and everything is loaded, on the bottom of the window you can see all the divs of the modal windows. How would you prevent this?

Answer 1

Hide the dialogs in your CSS:

#element_copy, #another_dialog, #yet_another {
  display: none;
}