Javascript 如何按屏幕大小设置不同的mmenu选项？

我正在使用mmenu（）创建我的移动菜单。我实现jQuery代码如下：

 $('.mobile-menu .menu-block-wrapper').attr('id', 'menu-left');
 $('.mobile-menu .menu-block-wrapper').mmenu({
     configuration: {
         selectedClass: "active",
         menuNodetype: "div",
     },  
     dragOpen : { 
         open: false,
         threshold  : 100 
     }   
 }); 
 $(".mobile-menu-trigger").trigger("open");

我想，当我的浏览器窗口小于720px时，将

dragOpen

设置为

true

，当我切换回正常分辨率时，将其设置为

false

非常感谢您的帮助

---

谢谢

该插件在启动时初始化拖动。因此，在启动插件后，您无法更新该选项

我想您可以将一个函数绑定到dragleft、dragright、dragup和dragdown事件，这些事件测量浏览器宽度，如果大于720px，则会阻止传播。大概是这样的：

$("#page").on("dragleft dragright dragup dragdown", function( event ) {
    if ( $(window).width() > 720 ) {
        event.stopImmediatePropagation();
        event.gesture.stopImmediatePropagation();
    } else {
        // the plugin will fire its events bound to dragleft/dragright/dragup/dragdown
    }
});
$('.mobile-menu .menu-block-wrapper').mmenu({
    drag: {
        open: true,
        treshold: 100
    }
});

不过，我不确定这是否可行，因为在hammer.js中看到了这个问题：