如果元素剩下X然後再動畫另一個元素

Question

我試圖爲我的網站上的元素創建動畫，但只有當元素進入視圖時。

要做到這一點即時檢查，看看當我的包裝div是X離開，然後發射功能。我唯一的問題是什麼都沒有發生，也沒有出現在我的控制檯上。

我試着添加一個警報給我的函數，看看它是否只觸發我沒有看到警報。任何人都可以看到我做錯了什麼？

var width = 200; 

setInterval(function(){ 
    if ($('.wrapper').css('left')<width){ 
     $('.left-liftdoor').animate({ 
      left: -50 
      }, 2000, function() { 
     }); 
    } 
}, 1000); 

Answer 1

問題可能是，該$('.wrapper').css('left')你的情況返回字符串單元（如「100像素」左右）和你的條件沒有得到滿足。解析.css('left')的輸出或使用parseInt將其轉換爲數字以正確檢查值是否小於給定的寬度。