javascript - 模态隐藏故障排除

Question

我正在开发一个模块，其中下拉模式必须在页面上持续 3 分钟后出现。它有一个输入字段，用户必须在其中输入数字，当他单击“保存”时，模式应该隐藏。虽然我在正确的时间获取模态，并且当输入数字时，值也会被保存，但只有模态不会隐藏。我只是无法弄清楚其背后的原因，因为据我所知，模式实现是正确的。我是 jquery 和 javascript 的新手，因此需要社区的建议和专业知识。我将我的代码放在这里，请查看，任何帮助或建议将不胜感激。

      <div class="modal fade" id="myModal"  role="dialog" data-backdrop="static" data-keyboard="false">

        <div class="modal-dialog">

          <!-- Modal content-->

    <form name="frmActive" id="frmActive" action="" method="post">      
          <div class="modal-content" style="height:250px;">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal">&times;</button>
              <h4 class="modal-title">Ideal Time activation</h4>
            </div>
            <div class="modal-body">
              <p>Please enter activation PIN:</p>
              <p id="msg" style="color:#F00;"></p>
              <input type="password" name="pin" id="pin" value="" maxlength="4"  onKeyUp="checkNumber(this)"  class="form-control" placeholder="Enter Pin">
              <input type="hidden" id="inactiveTime">
            </div>
            <div class="modal-footer">
            <button type="button" id="btnSubmit" name="submit" value="submit" class="btn btn-success"><i class="glyphicon glyphicon-floppy-disk"></i> Save</button>

           <input type="hidden" id="module_id" value="<?php echo $moduleId ; ?>">
           <input type="hidden" id="chapter_id" value="<?php echo $chapterId ; ?>">

            </div>
          </div>
    </form>      


        </div>
      </div>
jQuery("#btnSubmit").on("click", function(){

    var pin             =   jQuery("#pin").val();
    var chapter_id      =   jQuery("#chapter_id").val();
    var module_id       =   jQuery("#module_id").val();
    var nowDate         =   jQuery.now();
    var inactiveTime    =   jQuery("#inactiveTime").val();
    var seconds         =   (nowDate - inactiveTime) / 1000;

    var formData    =   new FormData();
      formData.append("pin", pin);
      formData.append("seconds", seconds);
      formData.append("module_id", module_id);
      formData.append("chapter_id", chapter_id);
 // $("#spinner").show(); 
      $.ajax({
        url: "processActivation.php",
        type: "POST",
        data: formData,
        processData: false,
        contentType: false,
        //dataType:'json',
        success: function(result){          

        if(result == 'active')
            {
        $("#bt").html(result) ;
                jQuery('#myModal').modal('hide');
            }


    else    if(result == 'active')
            {

                jQuery('#myModal').modal('hide');
            }
            else
            {
                $("#msg").html(result) ;

            }

        }
      });
});

并且 ajax 请求成功，

$dataactivation =   array("user_id"=>$uid, "module_id"=>$moduleId, "chapter_id"=>$chapterId,"time_taken"=>$time_taken, "created"=>$created);
    $db->query_insert("tbl_activation", $dataactivation);   
  echo trim('active');

Answer 1

请尝试 console.log 你的结果，你需要知道响应。

console.log(结果);

问题是这样的:if(result == 'active')