2012-05-11 7 views
0

저는 Ajax를 통해 페이지를로드 한 다음 jQuery Scroll library을 사용하여 화면에서 가로로 슬라이드하려고합니다.jQuery ScrollToAjax가 슬라이드되지 않습니다.

링크를 클릭하면 현재로드 된 다른 모든 페이지가 DOM에 숨겨지고 다음 페이지는 ajax를 통해로드되고 scrollTo가 호출되어 새 페이지로 이동합니다.

사용자가 왼쪽에서 오른쪽으로 클릭하면 (즉, 콘텐츠가 이전 페이지 아래의 DOM에로드 된 경우)이 모든 것이 효과적입니다. 그러나 사용자가 오른쪽에서 왼쪽으로 링크를 클릭하면 (예 : DOM에서 현재 페이지 위에 페이지를로드하여 페이지가 반대 방향으로 슬라이드하면) 슬라이드하지 않고 해당 페이지로 바로 이동합니다.

이 슬라이드가 한 방향으로 작동하지만 다른 슬라이드에서는 작동하지 않는 이유에 대해 다소 혼란 스럽습니다. DOM의 모든 페이지를 미리로드하면 잘 작동하므로 ScrollTo가 너비/거리를 계산하는 방법과 관련 있다고 가정합니다.

답변

0

마지막으로 AJAX를 통해로드 된 콘텐츠와 함께 자리 표시 자 div (왼쪽 &)를 만들고 메뉴의 페이지 위치에 따라 애니메이션을 적용하여이를 해결했습니다. 부 풀림으로 인해 DOM에로드 된 각 페이지를 유지하는 것은 비현실적이었습니다.