Callback event when jQuery 'mmenu' opened

Question

Using the jQuery mmenu plugin I need to call a JavaScript function after the menu has finished opening. I can't see from the API documentation how to do this using the plug-in API, so I'm thinking perhaps the only option is to observe the class name on the <html> element, which gains a class of mm-opened when the menu is opened. This feels a little 'hacky' though, so I wondered if anyone could see a way, within the bounds of the native API, to accomplish the required function call?

EDIT: Contrary to expectations the openPanel event doesn't fire when the menu is opened - it only fires when sub-menus are opened, so although this suggests it would do the job, it doesn't.

Many thanks.

score 18 · Accepted Answer · answered May 31 '15 at 16:18

18

Got it (not documented!):

var api = $('#menu').data('mmenu');
api.bind('opened', function () {
    console.log('opened');
});

answered May 31 '15 at 16:18

Dan

5,836
22
86
140

1

got caught out by the same thing, this helped me out. There's also a 'closed' event if anyone needs to bind to it. – Alex Oct 01 '15 at 15:18
This doesn't seem to work with the latest version of the plugin, can you confirm? – RPL Feb 06 '16 at 22:43
2

I confirm, hate this, spent the last 3 hours trying to hook myself in the events of this thing. – Arthur Kovacs Mar 01 '16 at 21:59
2

Works for me in latest release. – plushyObject Jun 08 '16 at 02:39
4

In 6.1.7 I had success with `.bind('open:finish', function() { });` – ChezFre Sep 21 '17 at 07:55
@ChezFre is right. Current version requires 'open:finish' as the event name. – Corgalore Jun 06 '19 at 16:05
4

With 8.5.18 it's now `.bind('open:after', function() { });` and `.bind('close:after', function() { });` – mousto090 Oct 13 '20 at 13:01

score 6 · Answer 2 · answered Apr 02 '16 at 23:39

You may search for .trigger( on the source code: https://raw.githubusercontent.com/FrDH/jQuery.mmenu/master/dist/js/jquery.mmenu.min.js

You will find the following events:

init
update
setSelected
setPage
open
opening
opened
close
closing
closed
openPanel
openingPanel
openedPanel
closePanel
closingPanel
closedPanel

I believe those are it. Among them you can see the 'opened' and 'closed' events that will be useful for your case.

score 3 · Answer 3 · answered Sep 06 '18 at 08:50

3

var api = self.$el.data("mmenu");

api.bind('close:finish', function() {
   console.log('close');
});

api.bind('open:finish', function () {
   console.log('open');
});

Thanks to ChezFre

answered Sep 06 '18 at 08:50

PM-Designs

189
2
7

Callback event when jQuery 'mmenu' opened

3 Answers3

Linked