为什么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;
});
});
觉得文章对你有用的话鼓励一下我吧