Весь Javascript на сайте работает ужасно медленно в Firefox 4, когда на странице присутствуют прозрачные PNG.

ОБНОВЛЕНИЕ ETA: Я обнаружил, что если я удалю все прозрачные файлы .png с моего сайта, их будет около 5, он запустится хорошо. ЭТО странно. И голосование «за» было бы очень полезным, я тестировал его еще на нескольких компьютерах, и 15 апреля возникла эта проблема. Спасибо! Есть идеи?

Отлично работает на ПК Firefox и во всех других браузерах, но на компьютерах 4/15 в Mac Firefox Javascript ужасно медленный, особенно строка меню. Я протестировал их оба вне сайта, и они нормально работали. Это постоянная проблема в течение некоторого времени, и я не знаю, как ее решить. Обновлено, проблема исчезнет, ​​если я удалю с сайта прозрачные PNG, например баннер в левом верхнем углу.

Мой сайт: http://thenozzle.net/

Весь javascript работает немного медленнее затем в других браузерах двумя самыми большими являются строка меню и видеоплеер. Я не могу игнорировать это сейчас.

Мне интересно, добавляет ли это что-то Wordpress, потому что js отлично работает в других местах.

Есть идеи?

ETA: Вот мой файл JS:

http://thenozzle.net/wp- content / themes / 20 / scripts.js

ETA: Вот мой код строки меню

$(function() {
    $('#sdt_menu > li').bind('mouseenter',function(){
        var $elem = $(this);
        $elem.find('img')
             .stop(true)
             .animate({
                'width':'170px',
                'height':'170px',
                'left':'0px'
             },400,'easeOutBack')
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'140px'},500,'easeOutBack')
             .andSelf()
             .find('.sdt_active')
             .stop(true)
             .animate({'height':'170px'},300,function(){
            var $sub_menu = $elem.find('.sdt_box');
            if($sub_menu.length){
                var left = '170px';
                if($elem.parent().children().length == $elem.index()+1)
                    left = '-170px';
                $sub_menu.show().animate({'left':left},200);
            }
        });
    }).bind('mouseleave',function(){
        var $elem = $(this);
        var $sub_menu = $elem.find('.sdt_box');
        if($sub_menu.length)
            $sub_menu.hide().css('left','0px');

        $elem.find('.sdt_active')
             .stop(true)
             .animate({'height':'0px'},300)
             .andSelf().find('img')
             .stop(true)
             .animate({
                'width':'0px',
                'height':'0px',
                'left':'85px'},400)
             .andSelf()
             .find('.sdt_wrap')
             .stop(true)
             .animate({'top':'25px'},500);
    });
});

8
задан alt 1 February 2012 в 05:10
поделиться