在某些条件下,暂停旋转木马幻灯片进入下一个项目

时间:2019-04-23 02:01:40

标签: javascript css

我正在制作带有几个问题的轮播幻灯片,如果它不满足某些条件,我就不必让滑块处理下一批问题

每当用户点击“提交”按钮时,它都会计算单击的次数,因此每个页面都有一个条件,如果到下次用户点击时不符合条件,则将计数器集提交给该点(或项目)用户犯了错误并再次调用该函数,因此它从同一点开始进行验证,问题是,当我犯错时,它完美地阻塞了滑块,但是,在第二次尝试中,当我正确时,则它不会让我前进到下一张幻灯片,并且如果我没有记错的话,也就不会通过AJAX发送任何变量(都未定义),很好奇在一张幻灯片中只有一个问题就可以了,但是没用有两个问题,不知道我在做什么错。

脚本

function upCount() { 
    if (countClicks == 1){
      var one, prox = false;
      if (document.getElementById('r1').checked) {
          one = document.getElementById('r1').value;
          prox = true;
          }
      else if (document.getElementById('r2').checked) {
        one = document.getElementById('r2').value;
        prox = true;
        }
      else {
        prox = false;
      }
        if (prox){
        $("#carouselExampleControls").carousel("next");
        $("#carouselExampleControls").carousel("pause");
        }

        else{
          countClicks--;
          upCount();
        }
      $.ajax({
        type:"POST",
        url:"save.php",
        data: {cont: countClicks,one:one},
        success: function(data){
        }
        });
        } //end of 1


        if (countClicks == 2){
          var r2;
          var r3;
          var prox = false;

      if (document.getElementById('r3').checked || document.getElementById('r4').checked)
       if (document.getElementById('r5').checked || document.getElementById('r6').checked){
        prox = true;
        if (document.getElementById('r3').checked) {
          r2 = document.getElementById('r3').value;
          }
      else if (document.getElementById('r3').checked) {
        r2 = document.getElementById('r4').value;
        }
        if (document.getElementById('r5').checked) {
          r3 = document.getElementById('r5').value;
          prox = true;
          }
      else if (document.getElementById('r6').checked) {
        r3 = document.getElementById('r6').value;
        }
      }

      else{
        prox = false;
      }

      if (prox){
        $("#carouselExampleControls").carousel("next");
        countClicks = 2;
        }
      else{
        countClicks = 2;
        $("#carouselExampleControls").carousel("pause");
        upCount();
        }
      $.ajax({
        type:"POST",
        url:"save.php",
        data: {cont: countClicks,r2:r2,r3:r3},
        success: function(data){
          alert(data);
        }
        });
        } //end of 2

按钮(认为不需要此信息,以防万一)

  <br></br>
  <div class="container text-center">
  <a onclick="hello(); upCount()" role="button" id= "submit" href="#carouselExampleControls" class="btn btn-info btn-lg" style="background: #62b539; width:140px; height: 52px;">Continuar</a>
  <br></br>
  </div>

0 个答案:

没有答案