FireFox тормаза JS скриптов

[nightmaredess]

В FireFoxe ужасно тормозит скрипт. Как бороться с подобными тормозами?

[Protopopulus]

Скрипт в студию!

[nightmaredess]

<div value = "options" style = "display: none" id = "options" class = 'options'>

   <div value = "option" class = "option" id = "active"><a class = "select" href = "javascript: opt('active', "><img class = "optionImg" src = "/img/button/btnPlay.png"/> Активировать </a></div>

   <div value = "option" class = "option" id = "pause"><a class = "select" href = "javascript: opt('pause', 1)"><img class = "optionImg" src = "/img/button/btnPause.png"/> Приостановить </a></div>

   <div value = "option" class = "option" id = "delete"><a class = "select" href = "javascript: opt('delete', '6')"><img class = "optionImg" src = "/img/button/delete.png"/> Удалить </a></div>

   <div value = "option" class = "option" id = "restore"><a class = "select" href = "javascript: opt('pause', '1')"><img class = "optionImg" src = "/img/button/restore.png"/> Востановить </a></div>

</div>

function getAbsolutePosition(el)
{
   var position = { x: el.offsetLeft, y: el.offsetTop };
   if (el.offsetParent) {
      var tmp = getAbsolutePosition(el.offsetParent);
      position.x += tmp.x;
      position.y += tmp.y;
   }
   return position;
}

function selectSlide(id, fieldType)
{
   
   $('#options').children().each(function(){
      $(this).css('display','none');
   });
   fields = menuTransitions[$('#selected'+ fieldType +id).attr('value')];
   for (var i = 0; i< fields.length;i++)
   {
      $('#' + fields).css('display','block')
   }
   var br = getAbsolutePosition(document.getElementById('selected' + fieldType +id));
   $('#options').attr('value',id);
   $('#options').css('top', br.y-68);
   $('#options').css('left', br.x-9);
   $('#options').slideToggle('fast');
   campaignId = id;
   type = fieldType
   
   $('#selected'+ type + campaignId + ', .options').hover(function(){
      left = false;
   },function(){
      left = true;
   });
}

Не чего феноменального. Просто отображается Див в определенном месте. Убирал вычисление координат тормоза те же.

[alexander.pronin]

Чтобы ничего не тормозило, надо оптимизировать. Например, Ваш кусочек

Код: [Выделить]


$('#options').attr('value',id);
   $('#options').css('top', br.y-68);
   $('#options').css('left', br.x-9);
   $('#options').slideToggle('fast');

Здесь 4 раза Вы ищете одно и то же. Можно так.

Код: [Выделить]


$('#options').attr('value',id)
   .css('top', br.y-68)
   .css('left', br.x-9)
   .slideToggle('fast');

Это я увидел, не вникая, что Вы там делаете.