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

时间:2015-06-23 07:18:55

标签: javascript jquery html responsive-design mmenu

使用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>

有什么方法可以在插件关闭或更好的时候绑定另一个函数,当整个菜单关闭动作时?

2 个答案:

答案 0 :(得分:6)

我今天也有同样的问题,经过一些修补,这对我有用。绑定到打开/关闭的事件,如:

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

答案 1 :(得分:3)

您可以尝试绑定到结束事件

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

也有一个封闭的事件,所以你可以使用适当的

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