Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript CSS转换在Firefox上不起作用_Javascript_Jquery_Html_Css_Firefox - Fatal编程技术网

Javascript CSS转换在Firefox上不起作用

Javascript CSS转换在Firefox上不起作用,javascript,jquery,html,css,firefox,Javascript,Jquery,Html,Css,Firefox,我有一个初始位置左侧的div im1:-300px; 当点击button.abtme_链接时,javaScript将其位置更改为443px; 它在除Firefox之外的所有浏览器上都能工作;我看过其他一些关于这件事的帖子,但似乎无法使它起作用; 其中一个线程得出结论,css转换在Firefox上不起作用,如果是这样的话;有解决办法吗 #im1{ width:400px; position:absolute; left:-300px; transition:all

我有一个初始位置左侧的div im1:-300px; 当点击button.abtme_链接时,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');
    });

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

我在JS中添加了一个延迟函数,它工作得很好。不知道为什么或如何,但它正在工作

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

你能为此制作一个JSFIDLE吗?在我的mozilla中,它工作良好,并且mozilla也支持动画。你能提供你读过的链接吗?它在Firefox中运行良好。顺便说一句,这本书。IE没有前缀,带前缀的属性应该在不带前缀的属性之前。@roman-它是。如果他仍然使用3,他真的需要更新@我找到了解决办法。我只是在行刑前推迟了一段时间,然后它就开始工作了。谢谢你们的帮助。好的,这很有道理。延迟是CSS转换延迟的原因。您也可以尝试删除此处的.5s延迟:transition:all.9s ease/*.5s remove*/是的,我会这样做。虽然我仍然不明白为什么我必须在mozilla中使用手动延迟,而不是在其他浏览器中。但话说回来,至少它现在起作用了,我终于可以睡觉了