Open a custom menu with IE8-9

[onokumus]

Open a custom menu with IE8-9

[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 [email protected]:

#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.