Chrome에서 애니메이션 방식이 작동하지 않습니다.

Question

function swap(fromTo, toFrom) 
{ 
    var temp = blocks[fromTo]; 
    var templabel = BlockLabels[fromTo]; 

    blocks[fromTo].animate({ x: blocks[toFrom].X }, 1500, ">"); 
    BlockLabels[fromTo].animate({ x: BlockLabels[toFrom].X }, 1500, ">"); 

    blocks[toFrom].animate({ x: temp.X }, 1500, ">"); 
    BlockLabels[toFrom].animate({ x: templabel.X }, 1500, ">"); 
} 

이 스왑 기능은 IE9에서는 작동하지만 Chrome에서는 작동하지 않습니다. 나는 업데이트

Raphael2.0

을 사용하고 있습니다 : http://jsfiddle.net/ZgEty/ 크롬과 사파리가 작동하지하지만 IE9는

Answer 1

아를 않습니다 ... 그것은 객체 속성 인 것처럼 당신은 X를 액세스하는 방법입니다. 대신 다음을 시도해보십시오.

blocks[fromTo].animate({ x: blocks[toFrom].attr('x') }, 1500, ">"); 
BlockLabels[fromTo].animate({ x: BlockLabels[toFrom].attr('x') }, 1500, ">"); 

blocks[toFrom].animate({ x: temp.attr('x') }, 1500, ">"); 
BlockLabels[toFrom].animate({ x: templabel.attr('x') }, 1500, ">"); 

나는 forked your fiddle입니다.