重写 form 的 submit 后，有时会出现 重写失效的情况

Question

用重写了 form 的 submit 方法，结果 调用 submit() 的时候，有时是进入重写方法里面的。有时没有进入，直接提交表单跳转了。

   $('.search-form').submit(function(event) {
       event.preventDefault();
       // 判断并执行 ajax
   });

    $('.search-form').on('click', '.search-btn', function(event) {
        event.preventDefault();
        ...
        $('.search-form').submit();
    });

求解，这样写 什么情况会出现失效的情况呢？是执行顺序的问题吗？

Answer 1

不要用委托的方式写，直接给按钮绑定点击事件试一下。