在弹出窗口中点击取消后如何防止 JQuery 执行？答案

【问题标题】：How to prevent JQuery from executing after hitting Cancel on popup?在弹出窗口中点击取消后如何防止 JQuery 执行？
【发布时间】：2013-11-05 22:49:14
【问题描述】：

我有一个需要提交的表单。点击提交后，我有一个 javascript 警报/确认询问：您确定要提交订单吗？

如果用户单击“确定”，我想执行一个 JQuery 方法。但如果他们点击“取消”，我不想执行任何操作。有没有办法做到这一点？如果他们单击“确定”，这是我要提交的 JQuery：

<script>
$(document).ready(function() { 
$('#saving').click(function() { 
   // do something
}); 
});
</script>

我的按钮：保存

javascript 弹出窗口：

function askUserIfTheyAreSure() {
var check = confirm("Are you sure you want to submit the order?");
if(check == true) { 
  document.forms["myform"].submit();
}
}

【问题讨论】：

为什么创建一个“jQuery 方法”很重要，不管你的意思是什么？只需创建一个简单的函数并调用它。

标签： javascript jquery popup alert

【解决方案1】：

我建议这样：

<script>

$(document).ready(function() { 

$('#saving').click(function() { 

    if(confirm("Are you sure you want to submit the order?")){
        document.forms["myform"].submit();

    }else{
      return false;
   }

}); 


});

</script>

【讨论】：

【解决方案2】：

你的意思是，像这样吗？

<script type='text/javascript'>
  function askUserIfTheyAreSure(){
    var check = confirm('Are you sure you want to submit the order?');
    if(check == 1) { 
      // run you jQuery Function Here
    }
    else{
      // do something else
      return false;
    }
  }
  $(document).ready(function(){ 
  $('#saving').click(askUserIfTheyAreSure); 
</script>

真的，我会使用外部 JavaScript，所以它被缓存了。

【讨论】：

【解决方案3】：

只需将“click”代码中的所有内容复制到“check==true”块中即可。如果用户点击取消，它不会被执行。

function askUserIfTheyAreSure() {
    var check = confirm("Are you sure you want to submit the order?");
    if(check == true) { 
        // do something begin

        // do something end
        document.forms["myform"].submit();
    }
}

【讨论】：