IE не распознает селектор jQuery

Question

Вот фрагмент кода, который я использую для анимации div с помощью jQuery:

        $('.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 - ноль или не объект» вместе с: «position (). Left '- ноль или не объект» Кто-нибудь знает, почему или каким-либо другим способом я могу получить эти атрибуты, с которыми IE будет хорошо играть?

Answer 1

Плагин размеров .position () устарел с 1.2.6, используйте вместо него .css ():

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

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