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는 '20 %'등과 같이 CSS 스타일 시트에 대해 각 값이 올바르게 형식화되어 있다는 것을 보여 주므로 올바른 값이라는 것을 알고 있습니다. 주석 처리 된 두 행은 올바르게 작동하고 막대를 올바른 위치에 고정시킵니다. 그러나 애니메이션의 부드러운 전환을 사용하려고합니다.

애니메이션 매개 변수의 서식을 어떻게 지정해야합니까? 다른 유사한 질문을 살펴 보았지만 해결할 수있는 질문은 없습니다.

Answer 1

실례합니다. 내 대답이 너무 사소한 때 나는 그것을 싫어.

해결책 : newWidthO 및 newWidthP에 대해 .toString()을 호출하십시오.