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

Question

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

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

更新 1：

transitionend在窗口中返回 false。

Answer 1

您在 CSS 中缺少一些供应商前缀。

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

根据这个compat table，transitions 仅在 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);

小提琴

.stop(true)如果您想将动画排队而不是在用户点击动画时将其中断，请删除。