jquery - IE 无法识别 jQuery 选择器

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 或不是对象”以及:“'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