Javascript 如何使用Hammer.js触发JPanelMenu

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

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

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

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

var hammer=$（'body'）.hammer（）；
hammer.on（'swipeleft'，函数（事件）{
var jPMx=$.jPanelMenu（）；
jPMx.on（）；
jPMx.trigger（true）；
});

注释掉

jPmx.on（）

似乎可以解决这个问题，允许滑动和单击按钮来激活菜单

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

var hammer=$（'body'）.hammer（）；
hammer.on（'swipeleft'，函数（事件）{
var jPMx=$.jPanelMenu（）；
//jPMx.on（）；
jPMx.trigger（true）；
});

对此进行排序，我认为控制按钮打开菜单的实例是冲突的，在上面进行了更新