2

编辑：已解决。我只需要在 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" );

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

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

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

4

1 回答 1

0

傻我。当我的回答如此琐碎时，我讨厌它。

这是解决方案：为 newWidthO 和 newWidthP 调用 .toString()。

于 2013-03-25T11:39:46.847 回答