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.

Foi útil?

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.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top