Javascript onsen用户界面与hammer js滑动手势问题/冲突

我正在尝试使用来自HammerJS的swipeleft和swiperight事件

我已经将hammer.min.js添加到OnsenUI项目中。 但它没有得到swipeleft、swiperight、dragleft或dragright事件。 这是一个非常糟糕的问题

我正在使用此插件刷卡：

代码：

//绑定手势（如果有锤子）
如果（锤的类型）！=‘未定义’）{
var-hammer=新锤（$container[0]，{drag_min_distance:1}）；
锤子打开（“捏捏捏捏捏”，功能（ev）{
ev.signate.preventDefault（）；
});
液压锤打开（“释放牵引力-牵引力-开关左-开关右”，功能（ev）{
警报（“红色”）；//它不工作
var ev=事件；
ev.signate.preventDefault（）；
开关（电动型）{
案例“dragright”：
案例“dragleft”：
//抓住手指
变量窗格偏移量=-（100页/页数）*当前页；
变量拖动偏移=（（100/面板宽度）*ev.signature.deltaX）/页数；
//在第一个和最后一个窗格处减速
if（（当前页面==0&&ev.signature.direction==“right”）||
（当前页面==页面计数-1&&ev.signature.direction==“left”））{
拖拽偏移量*=0.4；
}
$container.setOffset（拖动偏移+窗格偏移）；
打破
“swipeleft”案例：
$container.next（）；
ev.signate.stopDetect（）；
打破
“swiperight”案例：
$container.prev（）；
ev.signate.stopDetect（）；
打破
“释放”一案：
//超过25%的移动、导航
if（数学abs（电动手势deltaX）>面板宽度/4）{
如果（ev.signature.direction==‘right’）{
$container.prev（）；
}否则{
$container.next（）；
}
}否则{
$container.showPage（当前页面，true）；
}
打破
}
});
}
};











您不需要将hammer，js添加到Onsen UI项目中，因为默认情况下它已经包含在Onsen UI中。请尝试此codepen示例并告诉我它是否有效您不需要将hammer，js添加到Onsen UI项目中，因为默认情况下它已经包含在Onsen UI中。请尝试此codepen示例并告诉我它是否有效