2013-10-08 8 views
0

지원하지 않는 브라우저에서 바인드 전환을 처리하려면 어떻게해야합니까?지원되지 않는 경우 jquery bind transitionend

만약 내가

$('#div').bind('transitionend', function(){...}); 
$('#div').css('width','100px'); //this will start transition if supported 

어떻게 그것을 IE8에서 작업 할 수 있습니까? 브라우저에서 지원하는 경우 "transitionend"가 포함 된 문자열을 만들려고했으나 그렇지 않은 경우 "change"하지만 좋은 생각이 아닙니다.

var transitionstring = 'transitionend'; 
if (IE) transitionstring = 'change'; 
//bind custom handler 
$('#div').bind(transitionstring , function(){...}); 
$('#div').css('width','100px'); //this will start transition if supported, else 
//the change event will be triggered 

의견이 있으십니까?

+0

이 전환이 transitionend를 지원하지 않는 브라우저에서 작동합니까 예를 사용하여 CSS에서 사용자 정의 트리거를 추가하는 시도 할 수 있습니다? – Einacio

+0

분명히 전환이 작동하지 않습니다.하지만 내 웹 사이트에 전환 css3을 사용하고 전환 종료시 콜백을 받으려면 전환이 무엇인지 모르는 브라우저를 지원해야합니다. 그들의 경우에는 CSS 변경이 istantaneous 일 것이므로 "전환"을 기다리는 중입니다. "변경"을 확인합니다 (내 솔루션에서) –

답변