Open a custom menu with IE8-9

[andemx]

Hi,
Firstly Thx for this great and easy Plug-in. ;)
I have a little problem when i want to open any submenu on IE8-9
At the first click on each item, nothing happend (other than the rotation off the arrow) and after the sub-menu work correctly.( with the arrow time lag )

appear here: http://demo.onokumus.com/metisMenu/
But not here: http://jsbin.com/saxohibu

If have an idea about the problem. ;)

Thx.

[onokumus]

@TWAD

I think, I fixed it.

[andemx]

work really great :)

[simonckenyon]

i have just tested today (10th oct 2014) http://startbootstrap.com/templates/sb-admin-2/index.html on IE8 and the left menus do not work. they still have the error were they get ou of sync as described above.

is there a fix for this?

[nandapop]

Hello
I have already updated metisMenu and still doesn't work on IE 8 =(
Thanks

[carloscolombo]

#32

Okay so I did a little research and found out this little gem:

This problem is not related to IE : this will happen on any browser that doesn't support transitions (or if it is deactivated).

That's because you need to initialize the plugin first. If you don't, it both initializes and toggles the collapse on the first click : the default initialization toggles the collapse (doc), and without the transitions, the collapse is toggled twice in a row without being seen.

Follow the link for more detail.

http://stackoverflow.com/a/12787593/1211936

In the metisMenu.js, right before the click event I added the following and the issue was fixed for me.

// added code
$this.find("li").find("ul").collapse({toggle: false});

// the click listener
$this.find("li").has("ul").children("a").on("click", function (e) {
     // ...
});

Hope that helps anyone with the same issue!

[nandapop]

Von meinem iPad gesendet

Am 16.12.2014 um 20:19 schrieb carloscolombo notifications@github.com:

#32

Okay so I did a little research and found out this little gem:

This problem is not related to IE : this will happen on any browser that doesn't support transitions (or if it is deactivated).

That's because you need to initialize the plugin first. If you don't, it both initializes and toggles the collapse on the first click : the default initialization toggles the collapse (doc), and without the transitions, the collapse is toggled twice in a row without being seen.

Follow the link for more detail.

http://stackoverflow.com/a/12787593/1211936

In the metisMenu.js, right before the click event I added the following and the issue was fixed for me.

// added code
$this.find("li").find("ul").collapse({toggle: false});

// the click listener
$this.find("li").has("ul").children("a").on("click", function (e) {
// ...
});

Hope that helps anyone with the same issue!

—
Reply to this email directly or view it on GitHub.