在Linux下的Firefox 15.0.1中未触发transitionend事件

Question

这可以在这里测试：http://jsfiddle.net/rGECn/2/

是否有解决此问题的解决方法？

更新1：

'transitionend在window`返回false。

Answer 1

您错过了CSS中的一些供应商前缀。

button { 
    width: 100px; 
    -moz-transition: all 1s; 
    -o-transition: all 1s; 
    -webkit-transition: all 1s; 
    transition: all 1s; 
} 

根据这一compat table，transition s的只有IE10支持，所以我会建议使用jQuery的animate方法，跨浏览器的解决方案：

$('button').click(function() { 
    var toggle = [100, 150], 
     $this = $(this), 
     c = $this.data('count') + 1; 
    $this.data('count', c); 
    $this.stop(true).animate({'width': toggle[c % toggle.length]}, 1000, function() { 
     //done callback 
     count(); 
    }); 
}).data('count', 0); 

Fiddle

取出.stop(true)如果您想排队动画而不是在用户点击动画时点击动画。