JQuery border animation Chrome 및 Firefox 문제

컬러 애니메이션 (jquery-ui 및 jquery.color 포함)에 JQuery를 사용하려고합니다. 그것은 backgroundColor로JQuery border animation Chrome 및 Firefox 문제

function t1() { 
    $('#i1').animate({backgroundColor: '#0f0'}, 1000, t2); 
    //$('#i1').animate({borderColor: '#0f0'}, 1000, t2); 
} 
function t2() { 
    $('#i1').animate({backgroundColor: '#00f'}, 1000, t1); 
    //$('#i1').animate({borderColor: '#00f'}, 1000, t1); 
} 

t1();

을 위해 잘 작동하지만 같은 코드의 borderColor 제대로 작동하지 않습니다 (JQuery와 각 애니메이션 전 #fff에 색상을 재설정 것 같다).

데모 (내가 테두리와 배경은 동일한 색상을가되고 싶어요) : http://jsfiddle.net/xqCNx/

출처

2012-08-10 Ximik

슬로우 모션에서도 흰색 재설정을 볼 수 없습니다. - http://jsfiddle.net/xqCNx/1/ –

@ Zoltan Toth, 크롬을 사용하고 있습니다. 이것은 브라우저 기반 문제 일 수 있습니까? – Polyov

@SomekidwithHTML은 브라우저 기반으로 보입니다. 사파리에서는 괜찮지 만 파이어 폭스에서는 작동하지 않습니다. – Ximik

해결책은 간단합니다. 그냥 borderColor 대신 borderLeftColor, borderRightColor, borderTopColor, borderBottomColor를 사용하십시오.

출처

2012-08-13 10:06:51 Ximik

JQuery border animation Chrome 및 Firefox 문제

답변

관련 문제