javascript - 如何使用 Hammer.js 触发 JPanelMenu

Question

我让 JPanelMenu 使用手册中描述的方法单击按钮。我在我的移动 web 应用程序上使用了两个 Hammer.JS 操作，向右滑动以返回索引页面，并希望使用向左滑动来显示菜单。

这是带有 JPanelMenu 触发器的 Hammer 代码。这确实激活了菜单，但是，一旦关闭菜单，然后再次滑动重新打开，菜单的宽度似乎增加了一倍并充满了空白，宽度随着每次后续激活而增加......有什么想法吗？

<script type="text/javascript">
    var hammer = $('body').hammer();
    hammer.on('swipeleft', function(event) {
     var jPMx = $.jPanelMenu();
             jPMx.on();
             jPMx.trigger(true);
    });
 </script>

Answer 1

注释掉jPmx.on()似乎解决了这个问题，允许滑动和单击按钮来激活菜单。

<script type="text/javascript">
var hammer = $('body').hammer();
hammer.on('swipeleft', function(event) {
 var jPMx = $.jPanelMenu();
    //   jPMx.on();
         jPMx.trigger(true);
});
 </script>