0

JQuery UI Сортируемого + Draggable 1.6rc5JQuery UI Сортируемого connectWith Время загрузки Производительность на календаре

, что я делаю: Создание календаря с различными диапазонами дат (например: может быть 1 неделя отображается, может быть 20 недель отображенных). Этот календарь имеет события в каждый день, а события сортируются в течение самого дня, а также между всеми другими днями в видимом календаре. Мой средний календарный диапазон составляет около 10 недель, что включает примерно 50 событий.

ПРОБЛЕМА: Для каждого дня в календаре сортируемое взаимодействие jQuery занимает определенное количество времени для настройки. Чем больше дней, которые видны, к которым jQuery должен применяться Sortable, тем больше времени занимает страница для загрузки. Включите опцию «connectWith», чтобы соединить все календарные дни вместе как взаимодействующие сортируемые списки. и страница займет около 10 раз дольше. В течение 10 недель, 50 событий, страница занимает около 50 секунд для загрузки.

КОД:

календарь код выглядит примерно так:

<table ... id="main-calendar"...> 
<tbody> 
<tr ... class="calendarDaysRow"...> 
<td ... > 
<ul class="schedule-sortable"> 
<li>SORTABLE ITEMS HERE</li> ... 
</ul> 
</td> ... 
</tr> ... 
</tbody> 
</table> 

Настройка Сортируемый взаимодействия:

jQuery("#main-calendar tbody tr.calendarDaysRow ul.schedule-sortable").sortable({ 
    connectWith: ["#main-calendar tbody tr.calendarDaysRow ul.schedule-sortable"] 
}); 

ЧТО Я ИЩУ: А гораздо быстрее загрузки/установки время загрузки страницы. Я продолжу просматривать отсортированный источник, но, похоже, не так много вариантов сортировки, которые оптимизируют время настройки взаимодействия.

ответ

0

Как представляется, нет более оптимизированного способа сортировки с помощью jQuery. Лучшее, что возможно в UI версии 1.7, - использовать идентификаторы элементов для доступа к элементам.