当我在add函数中添加Submit函数时，为什么该程序无法工作？

Question

直到我将add函数添加到click函数中之前，此方法一直有效。

如何使其工作，以使得当从检查功能中调用添加功能时，仅当用户单击提交按钮时该标志才递增，然后将控件传递回检查功能，因此正确的最终值应为3。

 var flag = 1; if(flag == 1) { $('p').html("xxx"); check(); } function check() { $('#submit').click(function() { if($("#text").val()=="") { alert("Enter some text"); } else { add(); flag++; alert(flag); } }); } function add() { $('#submit').click(function() { flag++; alert("inside add " + flag); }); } 

 <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <div id="myform"> <p id="title"></p> <input type="text" id="text"> <input type="submit" id="submit"> </div> 

Answer 1

您需要添加$( document ).ready(function() { ... });

这似乎在您方面起作用：

  $( document ).ready(function() { var flag = 1; if(flag == 1) { $('p').text("xxx"); check(); } function check() { $('#submit').click(function() { if($("#text").val()=="") { alert("Enter some text"); } else { add(); flag++; alert(flag); } }); } function add() { $('#submit').click(function() { flag++; alert("inside add " + flag); } )}; }); 

 <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <div id="myform"> <p id="title"></p> <input type="text" id="text"> <input type="submit" id="submit"> </div>