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"]
});
我在寻找什么:页面加载时更快的加载/设置时间。我将继续查看可排序的源,但似乎没有很多可排序的选项可以优化交互设置时间。