при загрузке веб-сайта в IE, Chrome и Orpera события jQuery при наведении курсора работают плавно и без проблем
когда я загружаю сайт в Firefox 4, я не знаю более старых версий, возможно, и Safari, сайт работает медленно
в Firefox, задержка около 1 секунды после того, как мышь наведет курсор на элемент
в сафари весь браузер становится практически статичным, даже за пределами страницы, самого браузера.
Не могли бы вы сказать мне, что я могу изменить, чтобы это исправить?
образец сайта: http://filetaxes4free.com/temporary/
кроме вызова jQuery из googel apis, это Jquery, который я написал:
//set wrapper hegiht based on browser window
window.onload = setHeight;function setHeight(){ var minWidth = 0;var minHeight = 0;
if (typeof screen.availHeight != 'undefined'){minWidth = screen.availWidth+"px"; minHeight = screen.availHeight+"px";}
document.getElementById("leftBodyWrapper").style.minHeight = minHeight; return true;}
jQuery(document).ready( function() {
//tabs
jQuery( "#tabs" ).tabs().tabs({ fx: { opacity: 'toggle', duration: 1000 }}).tabs('rotate', 3500, false);
//change image on hover
jQuery("img.tabImg", jQuery('#tabs')).hover(
function(event) {jQuery(this).attr("src", jQuery(this).attr("src").replace(".png","-active.png"));},
function(event) { jQuery(this).attr("src", jQuery(this).attr("src").replace("-active.png",".png"));
});
//slide menu items on hover and change color of item
jQuery('a', jQuery('.slideMenu')).hover(
function(event) {jQuery(this).animate({ paddingLeft: "15px" }, 300 )
if(jQuery(this).parent().hasClass('current'))
jQuery(this).css("color", "#307F73");
else jQuery(this).css("color", "#307F73");},
function(event) {jQuery(this).animate({ paddingLeft: "0" }, 300 );
if(jQuery(this).parent().hasClass('current'))
jQuery(this).css("color", "#307F73");
else jQuery(this).css("color", "#4DCCB8");});
//load PIEcss is IE
if(navigator.appName=='Microsoft Internet Explorer'){
if (window.PIE) {jQuery('.roundRightEI').each(function() {PIE.attach(this);});}}
});
Спасибо,
ОБНОВЛЕНИЕ !!!
После деконструкции и создания этого сайта я понял, что CSS для Safari и Firefox - причина замедления. Ничего общего с jQuery или шрифтами. Если я не загружаю CSS, все работает как надо.
Итак, теперь я понял, какая часть CSS вызывает ошибки в браузерах. Я не уверен, должен ли я разместить здесь CSS.
UPDATE
Хорошо, это то, что вызывает замедление как в сафари, так и в firefox:
div # container {
-moz-box-shadow: inset 0 0 200px 0 #6bcccb;
-webkit-box-shadow: inset 0 0 200px 0 #6bcccb;
box-shadow: inset 0 0 200px 0 #6bcccb;
}
но если я сделаю
div # container {
-moz-box-shadow: 0 0 200px 0 #6bcccb;
-webkit-box-shadow: 0 0 200px 0 #6bcccb;
box-shadow: 0 0 200px 0 #6bcccb;
}
все гладко (конечно, я хочу вставку тени)
UPDATE
И проблема была в длинной тени.
200px
если я использую тень на 5 пикселей, все будет хорошо ...
Я сбит с толку ...