[原创]谷歌浏览器Chrome下jQuery的position().left取不到值问题

baacloud免费翻墙vpn注册使用

最近要做一个鼠标滑过显示弹出层,鼠标离开后隐藏的功能,在ie和firefox下用JQuery的position().left层的定位没有问题,但是在Chrome下的position().left无效,只能用offset().left获取坐标位置显示层,代码如下:


        $(function() {
            $('#topshop').mouseover(function() {
                var x = $(this).position();
                var markDiv = $("#babyNew_sortBody");
                if (x.left == 0) {//chrome下left=0
                    markDiv.css("left", $(this).offset().left);
                } else {
                    markDiv.css("left", $(this).position().left);
                }
                markDiv.css("top", $(this).position().top + 40);
                markDiv.css('display', 'block');
            });
            $('#babyNew_sortBody').mouseleave(function() {
                $("#babyNew_sortBody").attr('style', 'display:none;');
            });
        });
赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏