CSS转换不适用于Firefox

时间:2014-11-06 04:20:55

标签: javascript jquery html css firefox

我有一个div#im1,初始位置左:-300px; 当点击按钮 .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');
    });

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案,

我在JS中添加了一个延迟功能,它工作正常。不知道为什么或如何工作但

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