ОБНОВЛЕНИЕ 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);
});
});