javascript - CSS 转换不适用于 Firefox

Question

我有一个初始位置为 left:-300px; 的 div #im1单击按钮 .abtme_link 时，javaScript 会将其位置更改为 443px;它适用于除 Firefox 之外的所有其他浏览器；我看过其他一些关于此事的帖子，但似乎无法解决问题；其中一个线程的结论是 css 转换在 Firefox 上不起作用，如果是这样的话；有解决方法吗？

#im1{
    width:400px;
    position:absolute;
    left:-300px;
    transition:all .9s ease .5s;
    -webkit-transition:all .9s ease .5s;
    -moz-transition:all .9s ease .5s;
    -o-transition:all .9s ease .5s;
    -ms-transition:all .9s ease .5s;
}

$('.abtme_link').click(function() {
        $('#im1').css('left','443px');
    });

Answer 1

好的，所以我找到了解决方案，

我在 JS 中添加了一个延迟函数并且它工作正常。不知道为什么或如何工作。

setTimeout(function(){
            $('.im1').css('left','443px');
        },10);