簡體   English   中英

CSS過渡在Firefox上不起作用

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM