码迷,mamicode.com
首页 > 编程语言 > 详细

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click失效

时间:2015-06-29 15:05:05      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click事件,如果有form表单提交或跳转等事件,会失效!举例:

<a id="id_back" href="javascript:void(0);" title="返回管理">返 回</a>

    $("#id_back").click(function(){
        $("#id_frm").submit();
    });

为什么呢?原因是:别的浏览器,会优先执行click事件里的方法;但对于ie6浏览器,href的优先级高于click事件,只执行了href上的链接void(0);则不会再执行click事件里的跳转动作。

如果解决呢?通常,在绑定事件的时候,return false,阻止浏览器默认行为。

    $("#id_back").click(function(){
        $("#id_frm").submit();
        return false;
    });

进一步分析尝试后,如下,分开执行的时机,就能提交了。

    $("#id_back").click(function(){
        window.setTimeout(function(){
            $("#id_frm").submit();
        }, 0);
    });

老生常谈:ie6下,a标签href设置javascript:void(0);后绑定的click失效

标签:

原文地址:http://my.oschina.net/ffwcn/blog/472017

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!