日历上的jQuery UI可排序connectWith加载时间性能

Question

jQuery UI可排序+可拖动1.6rc5

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

问题:对于日历上的每一天，jQuery的可排序交互都需要一定的时间来设置。可见的天数越多，jQuery应用可排序的天数就越多，加载页面所需的时间也就越长。添加'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来访问元素。