jQuery UI Sortable connectWith 日历上的加载时间性能

Question

jQuery UI 可排序 + 可拖动 1.6rc5

我在做什么：创建具有不同日期范围的日历（例如：可能显示 1 周，可能显示 20 周）。此日历每天都有事件，事件可在当天本身以及可见日历上的所有其他日期之间排序。我的平均日历日期范围约为 10 周，其中包括大约 50 个事件。

问题：对于日历上的每一天，jQuery 的 Sortable 交互需要一定的时间来设置。可见的天数越多，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"]
});

我在寻找什么：页面加载时的加载/设置时间要快得多。我将继续查看可排序源，但似乎没有多少可排序选项可以优化交互设置时间。

Answer 1

似乎没有更优化的 jQuery 排序方式。 UI 版本 1.7 中最好的方法是使用元素 ID 来访问元素。