Анимация jQuery при выпадающем меню прерывистая, медленная и не отвечает - PullRequest
Новая
       2

Анимация jQuery при выпадающем меню прерывистая, медленная и не отвечает

0 голосов
/ 10 февраля 2011

У меня есть довольно простая анимация в выпадающем меню, которая, кажется, чертовски много и довольно часто перестает отвечать на запросы. Это происходит в Firefox и Internet Explorer.

Используемый код jQuery: 

$(".optionslink").hover(function() { 
        $(".dropdown").stop(true,true);

        $(".dropdown").animate({opacity: 100, top: '30px'},200);
        $(".optionslink").css("background-color","#444");
    }, function() { 
        $(".dropdown").animate({top: -$(".dropdown").height(), opacity: 0}, 400);
        $(".optionslink").css("background-color","transparent");
    }
);

HTML: 

<div class="optionslink" style="background-color: transparent;">                                
    <a class="optionslinka" href="">Options <img alt="" src="/web/resources/graphics/lightdownarrow.gif"></a>
    <div class="dropdown" style="opacity: 0; top: -86px;">  
        Drop down text / links here                         
    </div>                          
</div>

Может кто-нибудь дать совет?

1 Ответ

0 голосов
/ 10 февраля 2011

Улучшает ли удаление изображения производительность? В старых браузерах рендеринг изображений «в движении» может стать узким местом. Есть ли способ, которым вы можете попробовать это как фоновое изображение CSS? Хотя с таким названием, как «стрелка вниз», я думаю, это не очень большое изображение.

РЕДАКТИРОВАТЬ: Здесь он запускается через jsfiddle http://jsfiddle.net/J7QuV/ Я только что запустил его на IE7 в IETester, и это тоже очень быстро, я думаю, что реализация JS в IE7 намного медленнее, чем FF.

Какого рода контент пропадает, если таковой имеется? это может быть та часть, которую мне не хватает в тесте.

...