为什么jquery return false 无法阻止submit()事件跳转?

为什么jquery return false 无法阻止submit()事件跳转?

先说答案:
– 1. jquery版本问题
– 2. 代码有地方报错了,所以无法阻止

代码如下,我希望的是用ajax做无刷新上传文件,上传完后自己用js控制要干什么(如弹出提示),所以要阻止表单自动跳转,但是却发现这个代码死活跳转不了,只记得以前一直都用return false来阻止jquery的submit事件自动跳转的:

$(document).ready(function(){
    $("#my-form").submit(function(){
        console.log('表单提交事件已触发1');
        return false;
    });
});

经过实际测试,其实是jquery版本的问题,上面的代码,用jquery-1.11.1.min.js是没有问题的,但是用jquery-3.2.1.min.js就有问题,其实这只是jquery内部的实现方法不一样了,在新版本的jquery中我们要实现阻止submit跳转,只需要用on来绑定submit事件就好了:

$(document).ready(function(){
    $("#my-form").on('submit', function(){
        console.log('表单提交事件已触发2');
        return false;
    });
});
打赏

Leave a Reply

avatar

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  Subscribe  
Notify of

扫码在手机查看
iPhone请用自带相机扫
安卓用UC/QQ浏览器扫

为什么jquery return false 无法阻止submit()事件跳转?