Проблемы анимации div с помощью jQuery в IE8 - PullRequest
Новая
       45

Проблемы анимации div с помощью jQuery в IE8

1 голос
/ 17 октября 2011

Я использую jQuery для анимации 3 разделов сайта: http://oceanic.medialounge -dev.co.uk * те, которые говорят, пролонгировать)

Они отлично работают в любом браузере, кроме IE8, где они странно перемещаются, по иронии судьбы, они отлично работают в IE7, не знаю почему, код JS, который я использую, довольно прост: 

jQuery(function($){
        // Global variable so we can check if the rollover box 
        // is at the homepage or inner pages
        var innerBox = ($('.inner-content').length > 0) ? true : false;

        $('.rollover-single').hoverIntent(function(){
            var box    = $(this);

            // Move box up and increase height
            box.animate({
                'margin-top' : (innerBox) ? '-204px' : '-160px',
                'height'     : '260px' 
            });

            // Increase height of hidden content
            box.find('.rollover-content').animate({
                'height' : '204px'
            });

            // Change rollover text
            box.find('.readmore').text('READ MORE');
        }, function(){
            // Same as above but on mouseleave
            var box           = $(this);

            box.animate({
                'margin-top' : '0',
                'height'     : (innerBox) ? '56px' : '100px'
            });

            box.find('.rollover-content').animate({
                'height' : (innerBox) ? '0' : '44px'
            });

            box.find('.readmore').text('ROLL OVER');
        });
    });

Переменная innerBox предназначена только для проверки того, что мы находимся на внутренних страницах, поскольку поля там меньше, я также использую плагин hoverIntent, но когда я использовал обычный дескриптор hover, у меня были те же проблемы , Кто-нибудь может мне помочь?

Заранее спасибо!

...