首页 > 其他 > 详细

IE标签a嵌套table标签,链接点击无效

时间:2014-11-05 21:19:33      阅读:313      评论:0      收藏:0      [点我收藏+]

在IE中,使用如下代码将无法触发跳转:

<a href="http://xx.xx.com">
    <table>
        <tr>
            <td>点击</td>
        </tr>
    </table>
</a>    

a作为行内元素

而table是块级元素。

在IE 6、7、8、9中上面链接将无法生效。

js兼容处理

 

$("a:has(table)").bind("click", function() {
    if (this.href.indexOf("javascript:") == 0) {
        eval(this.href.replace(/^javascript:/, ""))
    } else {
        if (this.href.indexOf("#") != 0) {
            if (this.target == "_blank") {
                window.open(this.href)
            } else {
                location.href = this.href
            }
        }
    }    
});

 

不建议使用js兼容,建议修改结构

 

IE标签a嵌套table标签,链接点击无效

原文:http://www.cnblogs.com/rubekid/p/4077209.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!