Javascript css3转换不'；不要在firefox上开火

请看下一页，并帮助我理解为什么在Firefox中没有触发警报

HTML

JS

---

更新代码和小提琴

添加-moz-at动画属性的笛福

-moz-transition: PROPERTY or CSS CLASS NAME .3s ease;

例如： -moz过渡：宽度。3s轻松度

-moz-transition: fade-out .3s ease;

---

是的，在我的程序中我使用compass，所以我使用@include transition，它添加了所有浏览器的前缀。在JSFIDLE上，我已经添加了您所说的内容，但仍然不存在问题。在chrome alsohey Alon中，FIDLE没有工作，对于淡入淡出效果，您需要写入关键帧以获得所需的动画效果。添加类不会触发事件？是的，因为仅当添加关键帧意味着自定义不透明度的增加率时，该过程仅更改不透明度级别

    $(".test1").ready(function(){
        $(".test1").one("webkitTransitionEnd transitionend MSTransitionEnd oTransitionEnd transitionEnd", function(event){
        alert("transition fired");
        if ( event.target == event.currentTarget ) {
            alert(event.target);
        }
        });
        setTimeout(function(){
            $(".test1").addClass("fade-in");
        },1000);
    });

-moz-transition: PROPERTY or CSS CLASS NAME .3s ease;

-moz-transition: fade-out .3s ease;