2013-10-08 16 views
0

如何处理不支持它的浏览器上的bind转换结果?当不支持jquery bind transitionend时

如果我有

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

我怎样才能使它在IE8的工作? 如果浏览器支持,我试图创建一个包含“transitionend”的字符串,如果不是,则“更改”,但我认为这不是一个好主意。

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变化将是次要的,所以,不要等待“转换”,我检查“变化”(在我的解决方案中) –

回答