jQuery 'mmenu' 关闭时的回调事件答案

【问题标题】：Callback event when jQuery 'mmenu' closedjQuery 'mmenu' 关闭时的回调事件
【发布时间】：2015-09-08 20:48:03
【问题描述】：

使用jQuery mmenu plugin，我需要在菜单完成关闭后或同时调用JavaScript 函数。在文档中，我看不到关闭整个菜单的任何建议，但仅限于closePanel。我需要在 mmenu 关闭功能中插入另一个（自定义）来隐藏页面上的灯箱效果。

<script type="text/javascript">
 $(document).ready(function() {
  $("#menu").mmenu({
    "extensions": [
    "theme-white"
    ],
    "offCanvas": {
        "zposition": "front"
    },
    "slidingSubmenus": false
});
$("#menu").show();
});   
</script>

<script type="text/javascript">
function lightbox(){    
(function($) {      
  // some stuff
})(jQuery);}
</script>

有没有办法在插件关闭后或者更好的时候，在整个菜单关闭动作时绑定另一个功能？

【问题讨论】：

标签： javascript jquery html responsive-design mmenu

【解决方案1】：

我今天有同样的确切问题，经过一些修补后，这对我有用。像这样绑定到打开/关闭的事件：

$('#mmenu_id').data('mmenu').bind('opened', function () {
    console.log('opened');
});
$('#mmenu_id').data('mmenu').bind('closed', function () {
    console.log('closed');
});

【讨论】：

这个事件是在面板关闭之后...
这可能会有所帮助，mmenu.frebsite.nl/documentation/api.html 在操作之前我没有看到可用于绑定的事件。您可以将事件侦听器附加到关闭按钮本身吗？
“atmd”答案说明事件“关闭”，效果很好。谢谢大佬。
考虑到还有“开盘”和“收盘”事件

【解决方案2】：

您可以尝试绑定到关闭事件

$('#mmenu').on('closing.mm', function() {
    // do something
});

还有一个封闭的活动，所以你可以使用合适的方式

$('#mmenu').on('closed.mm', function() {
    // do something
});

【讨论】：