編集：解決しました。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" );
私が得ている問題は、アニメーションが正常に機能していないように見えることです。この操作は、1/4秒ごとに呼び出されます。
newWidthOまたはの代わりにリテラルを記述した場合newWidthP、「50％」と言うと、コードは適切にアニメーション化されますが、それ以外の場合は何も起こらないようです。divは、reflexTimer各値が「20％」などのCSSスタイルシート用に適切にフォーマットされていることを示しているので、値が正しいことがわかります。コメントアウトされた2行は正常に機能し、バーを正しい場所にスナップしますが、animateのスムーズな遷移を使用したいと考えています。
アニメートパラメータをどのようにフォーマットする必要があるかについて何かが足りませんか？私は他の同様の質問を見てきましたが、どれもそれを解決していないようです。