javascript - 这段代码有什么问题

Question

function moveit() {

    var newTop = Math.floor(Math.random()*350);
    var newLeft = Math.floor(Math.random()*1024);
    var newDuration = 9000

    $('#friends').animate({
      top: newTop,
      left: newLeft,
 !!! -->     width: "+="+((newTop-$('friends').css('top'))*3),
      }, newDuration, function() {
        moveit();
      });

}

$(document).ready(function() {
    moveit();
});

它应该使图像飞来飞去(有效)。我添加了标有“!!! -->”的行，它应该使图像越靠近页面底部就越大。

我做错了什么？该代码不会引发任何错误。

Answer 1

$('friends').css('top') 返回一个字符串，您需要将其转换为 int 才能使用它从 newTop< 中减去

parseInt($('friends').css('top'), 10)

会成功的

您还需要在 jQuery 选择器中使用 ID 或类标识符，'#friends' 或 '.friends' 但我想您正在寻找有 friend ID的东西

试试这个

width: "+="+((newTop - parseInt($('#friends').css('top'), 10))*3),