不工作警报代码jQuery

Question

单击提交按钮后，我想收到警报。 我尝试使用以下代码，但不起作用。 如何做呢？

演示： http : //jsfiddle.net/7atv7zgp/

  $('body').delegate('.submit', 'submit', function(e) { e.preventDefault(); alert('ok'); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="#" method="post"> <input type="text" name="addres" id="keyword-txt5"> <input type="submit" value="submit" class="submit"> </form> 

Answer 1

   $('body').on('submit','form', function(e) {
            e.preventDefault();
            alert('ok');
        })

http://jsfiddle.net/7atv7zgp/2/

表单元素具有Submit事件 ， 而不是自行按钮 。 （另外，我使用过on（）方法，而不是委托（），但如果需要较旧版本的jquery，则可以使用委托（）。）

Answer 2

只需通过“提交”类将click事件与按钮绑定，即可解决您的目的

$('.submit').click(function(e) {
      e.preventDefault();
      alert('ok');
});