[英]CSS transition not working on 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');
});
好,我找到了解決方案,
我在JS中添加了一個延遲功能,並且工作正常。 不知道為什么或如何,但它正在工作。
setTimeout(function(){
$('.im1').css('left','443px');
},10);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.