jQuery code won't work on IE8, but does on IE9

Question

Have have made some jQuery that makes my navigation dropdown, show and hide on hover. For some weird reason it doesn't work on IE8 and IE7.

When testing with a Console.log() It executes correctly on hover on, but not the $('div', this).show(); part...

My jQuery version is: v1.9.1

My code

$("nav ul li").hover(
  function () {
    $('div', this).show();
  },
  function () {
     $('div', this).hide();
  }
);

Use the developer tools to see if there are any errors being thrown in IE7 and 8. — Anthony Grist, Aug 30 '13 at 12:47
I always wrap `this` in `$(this)` when i get the children of this object. Try it like this `$('div', $(this)).hide();` — machineaddict, Aug 30 '13 at 12:51
I found the solution... I should next check my IE.css file for some old forgotten `overflow: hidden` on my nav wrapper.. Sorry folks! — dasmikko, Aug 30 '13 at 13:01

score 0 · Accepted Answer · answered Aug 30 '13 at 12:47

0

try this:

  $(".class").on('mouseenter', your_function);

answered Aug 30 '13 at 12:47

HIRA THAKUR

Not working, can't even make it say anything in the console. – dasmikko Aug 30 '13 at 12:53

score -1 · Answer 2 · answered Aug 30 '13 at 12:52

-1

Use old jQuery version for proper support in ie6+

Check it here.

answered Aug 30 '13 at 12:52

Branel Moro

2 Answers2