0
jQuery를 UI 정렬 가능한 + 드래그 가능한 1.6rc5 내가 뭐하는 거지jQuery를 UI 정렬 가능한 connectWith로드 시간 성능
: 날짜 범위를 (예를 변화와 달력 만들기 : 표시 20주 수, 1 주 표시 될 수있다). 이 캘린더는 매일 이벤트를 가지며 이벤트는 당일 이내에 표시 가능한 캘린더의 다른 모든 요일 사이에 정렬됩니다. 내 평균 달력 날짜 범위는 약 10 주이며 약 50 개의 이벤트가 포함됩니다.
문제 : 캘린더의 각 날에 대해 jQuery의 Sortable 상호 작용에는 설정하는 데 일정한 시간이 걸립니다. jQuery가 Sortable을 적용해야하는 더 많은 날짜가 표시되면 페이지가로드되는 데 더 많은 시간이 소요됩니다. 'connectWith'옵션을 사용하면 모든 달력 일을 상호 작용하는 정렬 가능 목록으로 연결할 수 있습니다. 페이지로드에 약 10 배 더 걸립니다. 10 주 50 이벤트 예제의 경우로드하는 데 약 50 초가 걸립니다.
는 CODE :
<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"]
});
내가 무엇을 찾고 : 훨씬 더 빨리로드/설치 페이지가로드되는 시간 정렬 가능한 소스를 계속 살펴 보겠지만 상호 작용 설정 시간을 최적화 할 수있는 정렬 가능한 옵션은 많지 않습니다.