我有一个初始位置为 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');
});
最佳答案
好的,所以我找到了解决方案,
我在 JS 中添加了一个延迟函数并且它工作正常。不知道为什么或如何工作。
setTimeout(function(){
$('.im1').css('left','443px');
},10);
关于javascript - CSS 转换不适用于 Firefox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26771676/