jQuery moving images

Question

일치하는 게임을 만들고 있습니다. 게임은 jQuery를 사용하여 잘 작동하지만, 원하는 것은 카드를 화면의 격자에서 자신의 위치에서 '찾은'파일 더미로 이동 (날기)시키는 것입니다. jQuery를 사용하여이 작업을 수행 할 수 있습니까?

현재 테이블을 사용하여 그리드를 만들었습니다.

도움을 주시면 감사하겠습니다.

제임스

:-)

Answer 1

예!

//Call this function on the $img object you want to animate 
function match_found($img) { 
    $animator = $img.clone(); 
    $animator 
     .css({position: 'absolute', margin: 0 }) 
     .offset({top: $img.offset().top, left: $img.offset().left}) 
     .appendTo("body") 
    ; 
    $img.remove(); 
    $found_pile = $("#found-pile"); 
    $animator 
     .animate({top: $found_pile.offset().top, left: $found_pile.offset().left }); 
} 

Answer 2

이 뭔가 시도해보십시오

http://api.jquery.com/animate/

을하고 http://jqueryui.com/demos/position/

당신이 테이블에이 작업을 수행 할 수 있는지 확실하지와 위치를 얻을 수 있습니다, 어쩌면 div에 카드를 넣고 움직이기 전에 절대 위치를 설정하십시오. 그런 다음 애니메이션을 적용한 다음 해당 div를 넣으려는 셀 안에 div를 설정합니다. animate(). appendTo() 등과 같이 일련의 이벤트가됩니다.

하지만 누군가가 더 좋은 아이디어를 안다.