動畫元素隨機左側位置

Question

使用此代碼來生成元素的隨機左側位置並將其設置爲該位置的動畫。

function moveBox() { 

    var randomSpeed = Math.round(Math.random()*200); 
    var bounceSpeed = defaultSpeed + randomSpeed; 

    var randomX = Math.round(Math.random()*200); 

    $("#box").animate({left:'"+='+randomX+'"', top:"+=20"},bounceSpeed, "linear", function(){moveBox();}); 
}; 

然而，它不工作出於某種原因。頂級動畫完美地工作，因爲它只是正常的數字。但是左邊的屬性並沒有做任何事情，我認爲它的方法我加了+ =和「」，但不知道如何解決它。

Answer 1

你搞砸了引號。

假設randomX是44，您正在構建"+=44"字符串而不是+=44，即您的字符串包含引號。

變化

$("#box").animate({left:'"+='+randomX+'"', top:"+=20"},bounceSpeed, "linear", function(){moveBox();}); 

到

$("#box").animate({left:'+='+randomX, top:"+=20"},bounceSpeed, "linear", function(){moveBox();});