0

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"]
});

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

4

1 回答 1

0

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

于 2009-05-13T14:21:25.530 回答