0

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

基本上，这只是我学习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>
4

1 回答 1

4

{height:'theValue'}- 这不应该用引号引起来。引号意味着它是一个字符串，你实际上想要 theValue 的值。

$('#answer#) - 这在语法上是不正确的。我假设你想要 $('#answer')

于 2012-05-11T21:46:32.413 回答