使用变量的 Jquery 动画不起作用(文字工作正常)

Question

编辑:已解决。我只需在 newWidthO 和 newWidthP 上调用 .toString 即可。我会回答我的问题，但由于声誉问题，我无法在 8 小时左右的时间内回答。

-=--------------------------------

我正在编写一个简单的反射类型游戏，玩家必须单击时间下的移动 div。一个条应该向右移动，与玩家的总分数与赢得比赛所需的分数成正比。

这是代码:

var newWidthO = (((parseInt(reflexPointsAI, 10) / reflexRequiredWinPoints)*100)) + "%";
var newWidthP = (((parseInt(reflexPoints, 10) / reflexRequiredWinPoints)*100)) + "%";

$("#reflexTimer").html(newWidthO + " , " + newWidthP);

// $("#reflexOpponentScoreProgressBar").css('width', newWidthO );
//$("#reflexPlayerScoreProgressBar").css('width', newWidthP );

$("#reflexOpponentScoreProgressBar").animate( {"width" : newWidthO }, "fast" );
$("#reflexPlayerScoreProgressBar").animate( {"width" : newWidthP }, "fast" );

我遇到的问题是动画在应该工作的时候似乎没有工作。此操作每四分之一秒调用一次。

如果我写一个文字来代替 newWidthO 或 newWidthP，说“50%”，代码动画会正确，但除此之外似乎什么也没有发生。 reflexTimer div 显示每个值的格式都适合 CSS 样式表，例如“20%”等，因此我知道这些值是正确的。注释掉的两行工作正常，并将条形图捕捉到正确的位置，但我希望使用 animate 的平滑过渡。

我是否遗漏了一些关于如何格式化我的动画参数的信息？我看过其他类似的问题，但似乎没有一个能解决它。

Answer 1

我真傻。我讨厌我的回答如此琐碎。

解决方案如下:为 newWidthO 和 newWidthP 调用 .toString()。