jQuery UI Sortable connectWith carga de desempenho Tempo em um calendário
-
20-08-2019 - |
Pergunta
jQuery UI Sortable + Draggable 1.6rc5
O que estou fazendo: Criando um calendário com diferentes intervalos de datas (ex: poderia ser uma semana apresentado, poderia ser 20 semanas exibido). Este calendário tem eventos em cada dia, e os eventos são classificáveis ??dentro do próprio dia, bem como entre todos os outros dias do calendário visível. Meu gama média data do calendário é de aproximadamente 10 semanas, que inclui cerca de 50 eventos.
O PROBLEMA: Para cada dia no calendário, a interação Sortable do jQuery leva uma certa quantidade de tempo para configurar. Os mais dias que são visíveis, para que jQuery deve aplicar Sortable, em seguida, mais tempo a página leva para carregar. Jogar a opção 'connectWith' para conectar todos os dias juntos como interagir listas classificáveis. ea página demorar cerca de 10 vezes mais tempo para carregar. Para a 10 semanas, 50 exemplo de evento, a página leva cerca de 50 segundos para carregar.
código:
A aparência de código calendário algo como isto:
<table ... id="main-calendar"...>
<tbody>
<tr ... class="calendarDaysRow"...>
<td ... >
<ul class="schedule-sortable">
<li>SORTABLE ITEMS HERE</li> ...
</ul>
</td> ...
</tr> ...
</tbody>
</table>
Configurar a interação classificáveis:
jQuery("#main-calendar tbody tr.calendarDaysRow ul.schedule-sortable").sortable({
connectWith: ["#main-calendar tbody tr.calendarDaysRow ul.schedule-sortable"]
});
O que eu estou procurando: uma vez muito mais rápido carregamento / instalação quando a página é carregada. Vou continuar olhando através da fonte classificáveis, mas não parece ser muitas opções classificáveis ??que irão otimizar o tempo de configuração de interação.
Solução
Não parece ser uma maneira mais otimizada a sorte com jQuery. O melhor que é possível em UI versão 1.7 é usar IDs de elemento para acessar os elementos.