slideup函数不适用于动态问题(静态问题可以)


slideup function does not works with dynamic questions (static are ok)

这是一个脚本,用于检查被点击的无线电与结果进行比较并向上滑动:

<script>
$(document).ready(function(){
   $("input:radio").change(function(){
      checkResult(this);
   });  
});
function checkResult(el)
{
   //get the radio button value
   var clickedvalue=$(el).val() ;
   $this=$(el).parent("div.QA");
   var hiddenanswer=$this.find(".hidden_result").val();
   //call to next function to check result
   var report=checkAnswer(clickedvalue,hiddenanswer);
   if(report)
   {
      $this.find(".report").html("correct");
   }
   else{
      $this.find(".report").html("Incorrect");
   }
function checkAnswer(click,answer){
   if(click==answer){
      return true;
   }
   else{
      return false;
   }
}
   $this.delay(500).slideUp();
}
</script>

这是PHP从数据库中获取问题和选项。我使用时间戳作为name,以使每个问题的名称不同(单选)。

<?php     
$dbconnect=mysqli_connect('localhost','root','','quiz')or die("Error Connecting to database"); $query="select * from question_answer ";
$result=mysqli_query($dbconnect,$query);
?>
<form method="get" action="">
<div id="container">
<?php       
while($rows=mysqli_fetch_array($result))
{
   echo '<div class="QA">';
   echo '<h1>'.$rows['question'].'</h1>'.'<br/>';
   echo '<input type="radio" class="check" name="'.$rows['radioname'].'" value="A">'.$rows['option1'].'</input>';
   echo '<input type="radio" class="check" name="'.$rows['radioname'].'" value="A">'.$rows['option2'].'</input>';
   echo '<input type="radio" class="check" name="'.$rows['radioname'].'" value="A">'.$rows['option3'].'</input>';
   echo '<input type="radio" class="check" name="'.$rows['radioname'].'" value="A">'.$rows['option4'].'</input>';
   echo '<br/>';
   echo '<div class="report"></div>';
   echo'</div>';
}  
?>
</div>
</form>

现在我已经正确地缩进了您的代码,我可以看到您的CheckResult函数缺少一个结束}

function checkResult(el)
{
   ...
   else{
      $this.find(".report").html("Incorrect");
   }
} // <- this is missing!

缩进代码是个好主意,因为这样可以更容易地阅读和查找这样的错误。我也会坚持你如何放置你的大括号-选择一种风格并坚持下去。我不知道这种情况是否仍然存在,但当你把大括号放在这样的行的末尾时,JavaScript会更有效:

function checkResult(el){
   //get the radio button value
   var clickedvalue = $(el).val();
   $this = $(el).parent("div.QA");
   var hiddenanswer = $this.find(".hidden_result").val();
   //call to next function to check result
   var report = checkAnswer(clickedvalue,hiddenanswer);
   if(report){
      $this.find(".report").html("correct");
   }else{
      $this.find(".report").html("Incorrect");
   }
}

另一个提示,你可以通过这样做来简化你的checkAnswer功能:

function checkAnswer(click,answer){
    return (click==answer); // this will return true or false
}

但是,根据点击和回答的值范围,您可能希望使其更加健壮,并检查无效值。

我还鼓励您研究PHP中的heredoc语法——这是处理长字符串的好方法,尤其是当它们中同时有单引号和双引号时。这是一个关于它的s/O问题。