2011-07-17 2 views
1

저는 왼쪽에 메뉴가있는 테이블에 제품 데이터베이스가있는 고객의 웹 사이트에서 일하고 있습니다. 현재 새 메뉴 항목을 클릭하면 새 페이지에 새로운 제품 세트가 나타납니다.정적 페이지에서 jQuery 트랜지션 애니메이션 사용하기

고객이 사용자가 메뉴 항목을 클릭하면 콘텐츠가 jQuery Quicksand plugin과 같은 효과를 사용하여 전환되도록 사이트를 변경하기를 원합니다.

그러나 Quicksand 플러그인은 페이지로드를 가로 질러 작동하지 않습니다. 사이트의 전체 구조를 다시 작성하지 않고도이 효과를 얻을 수있는 방법에 대한 조언이 있습니까? History.js를 보았습니다. this gist 북마크 릿을 제공하여 History.js를 통해 사이트를 자동으로 ajaxify했습니다. 이전에는 가능하다고 생각하지 않았지만 이제는 이와 유사한 기술을 사용하여 Quicksand 플러그인이 다양한 페이지간에 전환 할 수 있도록 할 수 있습니까?

답변

1

고객 웹 사이트의 페이지 간을 전환하려면 jquery ajax calls를 사용하십시오. 각 페이지는 자체 .php 파일에 있습니다. 그런 다음 $ .ajax를 사용하여 불러옵니다.

전환의 경우 아주 좋은 전환 효과를 제공하는 Jquery UI를 사용합니다.

브라우저 기록은 jHash를 사용합니다. 약간 사용하고 구현하는 데 실망하지만, 어떻게 작동하는지 등을 이해한다면, 당신은 그 힘에 놀랄 것입니다.

+0

아마도이 방법을 사용 하겠지만 사이트는 이미 작성되었습니다. 더 큰 사이트가 이미 비 아약시 방식으로 작성된 간단한 (r) 솔루션이 있는지 궁금합니다. – davidscolgan

+0

나는 다른 방법으로는 생각할 수 없다. 그러나 귀하의 웹 사이트를 진정시키기가 정말 쉽습니다. 각 페이지의 주요 내용을 가져 와서 별도의 파일 (create_page.php)에 넣기 만하면됩니다. 그런 다음 사용하여 페이지를로드합니다. 또는 당신은 또한의 jQuery .load 이벤트를 사용할 수 있습니다. [Documentation for Jquery .Ajax] (http://api.jquery.com/jQuery.ajax/) [Documentation For Jquery .load] (http://api.jquery.com/load-event/) –