Question

以下是我用于使用jQuery为div设置动画的代码片段：

        $('.row0').hover(function(){
     var markeranim = $('.marker0');
     var shadowanim = $('.markerShadow0')
     var markertop = markeranim.position().top;
     var shadowtop = shadowanim.position().top;
     var shadowleft = shadowanim.position().left;
      $('tr.row0').addClass('rowHoveredEven');
       markeranim.animate({ top: [markertop - 20 + 'px'] }, 250, 'linear',
function() {
                    markeranim.animate({ top: [markertop + 'px'] }, 250, 'linear',
function() {
                        markeranim.animate({ top: [markertop - 10 + 'px'] }, 200,
'linear', function() {
                            markeranim.animate({ top: [markertop + 'px'] }, 200);
                        });
                    });
                });//close animation

这适用于所有浏览器，但IE（当然）。 IE给出一个错误说：“'position（）。top'为null或不是对象”with with：“'position（）。left'为null或不是对象”。任何人都知道为什么或其他方式我可以获取IE会很好用的这些属性？

Answer 1

自1.2.6开始，不推荐使用.position（）维度插件，而是使用.css（）：

var myTop = markeranim.css("top");
var myLeft = markeranim.css("left");

http://docs.jquery.com/Plugins/dimensions

IE无法识别jQuery选择器

1 个答案: