如何使用Hammer.js触发JPanelMenu

Question

我使用手册中描述的方法，让JPanelMenu在一次按钮点击中工作。我在我的移动webapp上使用了两个Hammer.JS操作，向右滑动以返回到首页，并希望使用swipeleft来显示菜单。

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

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