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

Posted 2023-05-08

【中文标题】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>

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

【参考方案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
);