A标签绑定的juqery submit方法在ie6下失效原因分析及解决方案

不打扰是莪最后的温柔 提交于 2019-12-06 06:20:57
ie6下submit会失效有两种情况:

第一种:

a标签事件绑定状态下

$('a.btn').click(function(){
    form.submit();
})


点击失效;

分析:
微软低版本浏览器会先执行link标签的自身事件也就是href事件,这样就中断了form的submit事件,“return false;”的意思是中断link标签的的自身事件执行。

解决办法:换思路,用jquery直接处理图片、文字等的click

$('a.btn').click(function(){
    $('form').get(0).submit();
    return false;
});


第二种:

a标签上onclick调用事件处理函数

onclick="submitForm()"

function submitForm(){
    $('form').submit();
}


分析:

这里情况比较复杂,各种说法比较多,具体原因不明,有兴趣的童鞋可以深入Jquery代码研究一下整个的事件处理流程.

解决办法:

function submitForm(){
    setTimeout(function (){
        $('form').submit();
    },0);
}


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!