jQuery：第一次单击时未触发按钮单击事件并且在第二次单击时起作用，为什么？如何解决？答案

【问题标题】：jQuery : button_click event not fires on first click and works on second click, why? How to fix it?jQuery：第一次单击时未触发按钮单击事件并且在第二次单击时起作用，为什么？如何解决？
【发布时间】：2016-07-06 13:27:48
【问题描述】：

这是我的代码，第一次点击时没有正确触发下面的提交按钮。在第二次单击期间，页面使用 window.open() 方法重定向到下一页。可能是什么问题导致了这种情况？

<div>
    <button type="button" class="submit btn btn-default" id="btnSubmit">Submit 
    </button>
    <button type="button">Cancel</button>
</div>




<script>
$("#btnSubmit").click(function(e)
 {
  e.preventDefault();

  //btn Click validation and code submission goes here..

   alert("Form has been successfully submitted");
   window.open("http://....../viewmyrequest.aspx","_self"); 

  });

</script>

【问题讨论】：

函数没有正确结束？ ");"
@Sabarish 抱歉，它仅在 stackoverflow 上被遗漏。我已经用正确的语法更新了我的问题。
@user6549711 您需要包含有关您的点击处理程序功能的更多信息。您发布的代码在第一次点击时有效。

标签： javascript jquery angularjs ajax html

【解决方案1】：

可能是因为缺少右括号。

<div>
    <button type="button" class="submit btn btn-default" id="btnSubmit">Submit 
    </button>
    <button type="button">Cancel</button>
</div>

<script>
$("#btnSubmit").click(function(e) {
  e.preventDefault();

  //btn Click validation and code submission goes here..
   alert("Form has been successfully submitted");
   window.open("http://....../viewmyrequest.aspx","_self"); 
});
</script>

【讨论】：

对不起。我的代码中没有任何语法错误。当我在stackoverflow中输入它时我错过了它。

【解决方案2】：

您好，请在

中包含您的点击事件代码

$(document).ready(function(){ });

如下图

$(document).ready(function(){
    $("#btnSubmit").click(function(e)
    {
    e.preventDefault();

    //btn Click validation and code submission goes here..
    alert("Form has been successfully submitted");
    window.open("http://....../viewmyrequest.aspx","_self"); 
  });
});

请在这里https://jsfiddle.net/Prakash_Thete/k9uym8cf/找到演示

【讨论】：