jquery animation 문제

Question

http://rssreaderbg.net/pubsubbub/example/cssexam/index.php 아이콘 (행성, 구름 등) 중 하나를 클릭하십시오. 애니메이션이 끝나면 아이콘을 다시 클릭하고 전체를 반복하십시오 다시 행동. 애니메이션은 버그가있어. 어떻게 해결할 수 있니? 여기 비디오가 있습니다 : http://www.screencast-o-matic.com/watch/cXnf2OlP2

문제는 두 번 클릭하면 원래 아이콘 위치를 복원하는 방법을 모르는 것입니다.

편집는 :

은 이제 두 번 클릭하여 이벤트가 트리거 될 때 아이콘이 일부 지연을 가진 다른 problem.This 시간을 가지고있다. 여기에서 볼 수 있습니다 http://www.screencast-o-matic.com/watch/cXnhXElRz 지연을 어떻게 제거 할 수 있습니까?

Answer 1

및 지연이 간 :

Answer 2

원래 위치를 알려주는 일종의 HTML 속성으로 .iconss를 표시하십시오.

처음 클릭 할 때 클릭 한 아이콘을 제외한 모든 아이콘이 사라지고 클릭 한 아이콘이 "선택한"위치로 이동합니다. 근본적으로 그걸 가지고있는 것처럼 보입니다.

두 번 클릭하여 모든 아이콘 표시를 클릭하고 모든 아이콘을 attr로 표시된 원래 위치로 다시 설정하십시오. 내가 $("#"+icon).stop(true);을 넣어 더블 클릭에 새로운 애니메이션 전에

var icon = ''; 

$(".iconsss").click(function() { 

    if(icon != $(this).attr("id")) 
    { 
     icon = $(this).attr("id"); 
     // do everything else; 
    } 
}); 

Answer 3

이보십시오.