码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:style   blog   http   io   color   ar   使用   java   sp   

在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标签,链接点击无效

标签:style   blog   http   io   color   ar   使用   java   sp   

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

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