使用變量不工作的Jquery動畫（文字工作正常）

編輯：已解決。我只需要在newWidthO和newWidthP上調用.toString。我會回答我的問題，但由於聲譽方面的原因，我無法在8個小時內完成。使用變量不工作的Jquery動畫（文字工作正常）

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

我正在寫一個簡單的反射型玩家必須在一段時間內點擊移動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％'等，因此我知道這些值是正確的。這兩條註釋掉的線條工作正常，並將條塊捕捉到正確的位置，但我希望使用動畫的平滑過渡。

我錯過了一些關於如何格式化我的動畫參數？我看過其他類似的問題，但似乎沒有解決它。

來源

2013-03-25 user1433070

您是否在添加動畫前檢查了newWidthOnadnewwidthP具有哪些值。 – 2013-03-25 05:31:06

是的，我在這一行：$（「＃reflexTimer」）。html（newWidthO +「，」+ newWidthP）;我需要做的是對它們調用.toString（），因爲我認爲該類型是錯誤的？ – user1433070 2013-03-25 11:39:06

傻我。當我的答案如此微不足道時，我討厭它。

下面是解決方案：爲newWidthO和newWidthP調用.toString（）。

來源

2013-03-25 11:39:46 user1433070

使用變量不工作的Jquery動畫（文字工作正常）

回答

相關問題