在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)如果您想排隊動畫而不是在用戶點擊動畫時點擊動畫。