JQuery диалог требует времени, чтобы открыть

Question

В настоящее время у нас есть диалог jquery, который содержит 4 таблицы.В каждом есть несколько флажков:

• В первом поле около 10 флажков
• Во втором около 300 (по одному на страну)
• В третьем и четвертом по 100

Когда я нажимаю кнопку, чтобы открыть диалоговое окно, это может занять некоторое время IE7 = 10 секунд IE6 = 15+ секунд

Даже chrome требуется 2 секунды, чтобы просто открыть диалоговое окно (aзаметная задержка).

Неужели jquery просто не может быстро обработать диалоговое окно, открытое, когда у него есть диалог с множеством объектов DOM?

PS Диалог уже был инициализирован при загрузке страницы,Я бы предположил, что диалог откроется почти мгновенно.

Answer 1

Сначала попробуйте открыть диалоговое окно, а затем добавить содержимое.иногда это значительно повышает производительность.

$('#dialog ').dialog('open');
$('#dialog ').html(yourContent);

Также попробуйте ознакомиться с правилами производительности jQuery, поскольку существует такая вещь, как плохая медленная запись jQuery:

http://www.artzstudio.com/2009/04/jquery-performance-rules/

И, наконец, иногда, когда содержание модального блока слишком велико, установка draggable на false также может улучшить производительность блока.так что если вам не нужна перетаскиваемая попытка:

draggable: false