Problem dotyczy IE9, na nizszych wersjaach nie testowalem.
Stronka, na ktorej wystepuje problem: http://dissertationsurvey.eu.pn/www/
Mam na stronce pasek menu, w ktorym po najechaniu na Prices lub Gallery, powinno pojawic sie pod-menu. Niestety pod IE9 nie dziala jak powinno, menu sie nie pojawia. Co ciekawe, jesli odpali sie "developer tools" i odswiezy stronke, menu dziala jak powinno. Zauwazylem tez, ze jesli umiesci sie jakikolwiek alert, ktory odpali sie przy ladowaniu strony, menu tez dziala jak powinno.
Event mouseover wlaczam nastepujaco:
if (liArray[5].addEventListener){ liArray[5].addEventListener("mouseover", function(){ var labels = liArray[5].getElementsByTagName('ul'); labels[0].style.display = "block"; labels[0].addEventListener("mouseout", function(){ labels[0].style.display = "none"; }, false); liArray[5].addEventListener("mouseout", function(){ labels[0].style.display = "none"; }, false); }, false); } else if (liArray[5].attachEvent){ console.log("gallery attachEvent exist") liArray[5].attachEvent('onmouseover', function(){ console.log('d gallery'); //document.getElementById('galerySubList').style.display = "block"; var labels = liArray[5].getElementsByTagName('ul'); labels[0].style.display = "block"; labels[0].attachEvent("onmouseout", function(){ labels[0].style.display = "none"; }); liArray[5].attachEvent("onmouseout", function(){ labels[0].style.display = "none"; }); });
Spotkal sie ktos kiedys z podobnym problemem?
Pzdr
rozwiazanie zagadki:
https://github.com/desandro/imagesloaded/issues/27