Почему начало тормозить меню на сайте?

Question

[Evgen Nova]

Есть модуль так называемый "суперменю".
Генерируется php - вручную, работает в html с библиотекой css + javascript.
Не так давно, а именно около 2 недель начались проблемы с восприятием работы, при открытии меню идет задержка открытия более установленной (в javascript - 200млс), при выборе пунктов подменю мышкой, идет торможение (при перемещении мышкой на другой пункт меню, его выделение происходит через пару сек).
Пробовали отключать все скрипты, кроме нужных для меню - результат тот же (убрали даже все обновления сделанные до момента "торможения").

Может кто сталкивался с подобной проблемой?

Answer 1

[Evgen Nova]

function make_page()
{
	var ext_menu_left = jQuery('#ext_menu').offset().left;
	var ext_menu_width = 950;     
	jQuery('#ext_menu div.sub').each(function(){
		var colnum = jQuery(this).find('div.column').size();
   		var w = colnum*190;
		if(w>935) w = 935; w+=25;

		jQuery(this).css('width', w+'px');

		var l = jQuery(this).parent().offset().left;

		if(l+w>ext_menu_left+ext_menu_width)
		{
			var dl = (l+w) - (ext_menu_left+ext_menu_width)-14;
			jQuery(this).css('left', '-'+dl+'px');
		}
	});
	
	jQuery("#ext_menu2 > li").mouseenter(function(e)
    {
        if( gDDMTimer != null )
        {
            clearTimeout(gDDMTimer);
            gDDMTimer = null;
            jQuery("#ext_menu li.hover").removeClass("hover");
        }
        
        var li = this;
        
        gDDMTimer = setTimeout( function(e)
        {
            jQuery(li).addClass("hover");
            clearTimeout(gDDMTimer);
            gDDMTimer = null;    
        }, 0);
    });
    jQuery("#ext_menu2 > li").mouseleave(function(e)
    {        
        jQuery("#ext_menu li.hover").removeClass("hover");         
        if(gDDMTimer != null) clearTimeout(gDDMTimer);
        gDDMTimer = null;
    });
}

Comments

[Outoverlay]

Ну и где здесь вообще 200мс?

[Outoverlay]

И не стоит тревожить Js для такой просто анимации
Используйте css #ext_menu2 li:hover {
сюда то что находится в классе hover

transition: all .2s linear;
}

[Evgen Nova]

Outoverlay: упс...вместо "}, 0);" - "}, 200);"

[Evgen Nova]

Outoverlay: наверное вы правы, но суть остается, что при наведении мыши в течении ....сек. меню открывается

[Outoverlay]

Evgen Nova: вообщем мой Вам совет используйте css по двум причинам: 1. Js может быть отключен 2. Меньше проблем. Ведь при частом наведении происходит повтор анимации

[Outoverlay]

Evgen Nova: ruseller.com/lessons.php?rub=2&id=941

[Evgen Nova]

Outoverlay: :-( прийдется переписать меню.....с использованием только css

Answer 2

[inDeepCode]

Вероятно, потому что увеличился объем HTML документа в целом, и селекторы JQ типа .find('div.column'), jQuery("#ext_menu2 > li") начинают дико тормозить.
Решение: Указывайте как можно строже ваши селекторы.

Comments

[Даша Циклаури]

и желательно без id, на классах обходиться, потому что поиск по ним так понимаю представляет собой какое-то префиксное дерево

[inDeepCode]

наоборот. ИД - уникально в документе а одинаковых классов может быть сколько угодно