Javascript Jquery设法中断，比较了值

这是一个问题的大量代码，但基本上这是可行的，然后我试图调整它，并设法打破它。有人能发现问题吗？实际上可能有一对

基本上，我只是在学习jquery，我想从输入中获取一个值，然后当用户单击“比较”时，它会慢慢生成他们答案的图形，然后对预设的“平均”答案执行相同的操作，并最终告诉他们答案与平均值之间的差异

<h2 id="compare">Compare your score with the average</h2>

<p><a href="#compare" class="run">Compare</a></p>
<div style="height:400px;position:relative;">
<div id="score" style="position:absolute;left:0px;bottom:0px;width:200px;height:2px;background-color:#01DFD7;float:left;"></div>
<div id="score2" style="position:absolute;left:220px;bottom:0px;width:200px;height:2px;background-color:#FFD;float:left;"></div>
</div>

<input id="yourValue" type="text" />

<p id="answer"></p>

<script type="text/javascript">  
$('.run').click(function(){  
var theValue = $("#yourValue").val();
$('#score').animate({height:'theValue'}, 5000, function(){
  $('#score2').animate({height:'200px'}, 5000, function(){
      $('#answer#).html("<p>Your Answer: </p>" +  theValue);
  });
});
});
</script>  

将你的分数与平均值进行比较


$（'.run'）。单击（函数（）{
var theValue=$（“#yourValue”）.val（）；
$（'#score'）。动画（{height:'theValue'}，5000，function（）{
$（'#score2'）。动画（{height:'200px'}，5000，function（）{
$（'#answer#）html（“您的答案：
”+值）；
});
});
});

{height:'theValue'}

-不应在引号中。引号意味着它是一个字符串，您实际上需要该值的值

---

$（'#答案#）-这在语法上是不正确的。我假设你想要$（'answer'）

{height:'theValue'}

-不应该用引号括起来。引号意味着它是一个字符串，您实际上需要该值的值

---

$（'#答案#）-这在语法上是不正确的。我假设你想要美元（“#答案”）

真不错！做出了改变。我似乎仍然在某个地方出错，因为它不起作用。如果FireFox上有FireBug，您可以查看错误控制台，查看jQuery/JS在运行时是否创建了错误。感谢您的回复，我得到了“unterminated string literal$（'#answer'）.html（''该值可能未定义，因为输入标记没有很好地发现值declaredWell！进行了更改。我似乎在某个地方仍有错误，因为它不起作用。如果FireFox上有FireBug，您可以查看错误控制台，查看jQuery/JS在运行时是否创建了错误。感谢您的回复，我收到了错误消息“unterminated string literal$（'#answer'）.html（'”该值可能未定义，因为输入标记没有值declaredOkay，没有100 rep我无法回答，但我发现问题是$（'#answer'）.html（'p>您的答案：

'+值）；需要：$（'#answer answer'）.html（'Your answer answer:'+值）我不知道为什么，所以如果有人能解释清楚，我将不胜感激。$（'答案'）.html（'p>你的答案：

'+值）；需要：$（'答案'）.html（'你的答案：'+值）；好吧，没有100次重复我无法回答，但我发现问题是$（'p>答案'）.html（'p>你的答案：

'+值）需要是：$（'#answer'）.html（$（'#answer'））.html（$（'#answer'））；我不知道为什么，所以如果有人能解释清楚，我将不胜感激。$（'#answer'）.html（'你的答案：

'+theValue）；需要是：$（'#answer answer'）.html（'你的答案：'+theValue）；