Appliquer JQuery UI triable à des centaines d'éléments sur une page entraîne une charge de page très lente - Besoin d'idées sur la façon de le rendre plus efficace

Je construis un calendrier de traînée et de dépose et j'ai constaté que JQuery Ui's Soyable offre les meilleures performances en direct pour ce que j'essaie de faire.

Cependant, appliquer une sorte de plusieurs mois de jours (60 à 180 Les jours à la fois - parfois plus) entraîne un décalage notable lors de la charge de la page car mon script applique toutes ces instances triables. Cela fonctionne bien une fois qu'il est chargé, mais je préfère ne pas avoir le décalage initial. Dans certains cas, le navigateur tente même de tuer le script. P>

J'ai essayé de faire le premier jour du calendrier triable, puis d'utiliser JQuery's .clone () à copier à tous les autres jours, mais malheureusement, JQuery's .cLone () Ne semble pas copier les événements de .Sortable. D'autres événements (tels que clic, double-clic, etc.) sont copiés bien, mais pas triables. Faire des recherches en ligne, tout ce que je pouvais trouver, c'est la déclaration que JQuery "ne prend pas en charge le clonage des plugins." P>

Y a-t-il une meilleure façon de le faire? J'ai fouillé Stackoverflow, les forums de Jquery Ui et Google en général, et n'ont rien trouvé de l'aide. P>

Merci d'avance, JAMON P>

EDIT: Voici un code. Rien de trop spécial. P> xxx pré>

Le balisage ressemble à ceci: p>

<table>
  <tbody>
    <tr>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
    </tr>
    <tr>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
      <td><ul class="milestone-day"></ul></td>
    </tr>
    ...
  </tbody>
</table>