Небольшая ошибка jquery в IE8

Question

Если вы заходите на этот сайт http://rochesterwaterskishow.com/staging, наведите указатель мыши на ссылку about в FF или Chrome, и вы увидите, что всплывающее меню. Когда вы делаете то же самое в IE8, меню не отображается. Я не проверял IE7.

Что вызывает меню, которое не должно отображаться в IE8?

JQuery: достаточно

$('#flyout').hover(function() { 
     $(this).children('div').show(); 
    }, function() { 
     $(this).children('div').hide(); 
    }); 

Answer 1

Funnily, ошибка не в меню или в вашем выражении JQuery на всех. Это в строке выше:

<h1><a href="http://rochesterwaterskishow.com/staging/index.php/site/index"><img src="http://rochesterwaterskishow.com/staging/assets/images/RWSStandardLogo.gif" class="logo" /></h1> 

Там нет закрытия </a> здесь, что делает IE бросить шаткий. Исправьте это, и вам должно быть хорошо идти.

Answer 2

Проблема в том, что $(this).children('div') не работает в IE8. Я не знаю, почему (редактирование: я думаю, это из-за незакрытого тега <a>, упомянутого в сообщении Interrobang).

Я считаю, что это должно работать:

$('#flyout').hover(function() { 
    $(this).find('div').show(); 
}, function() { 
    $(this).find('div').hide(); 
}); 

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