Javascript CSS转换在Firefox上不起作用
我有一个初始位置左侧的div im1:-300px; 当点击button.abtme_链接时,javaScript将其位置更改为443px; 它在除Firefox之外的所有浏览器上都能工作;我看过其他一些关于这件事的帖子,但似乎无法使它起作用; 其中一个线程得出结论,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
#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中使用手动延迟,而不是在其他浏览器中。但话说回来,至少它现在起作用了,我终于可以睡觉了