javascript - Hammerjs 在手机上长按

Question

我正在为这个正在开发的应用程序使用 Hammer.js v2.0.4。这个想法是，当您点击底部时，会弹出一个模态(模态一)，如果您按下 500 毫秒(或更长时间)，则会显示另一个模态(模态二)。

在桌面上一切正常。在移动设备上，如果您点击或按下的时间少于 500 毫秒，则会显示正确的模式。如果您按下恰好 500 毫秒，则会打开正确的模式。但如果按下时间超过 500 毫秒，则什么也不会发生。

如果某个用户点击底部 >= 500ms，是否有办法显示正确的模式？

提前致谢。

这是脚本:

<script type="text/javascript">
var helpmodal = document.getElementById('help-modal');
var mc = new Hammer(helpmodal);

mc.on("press tap", function(ev) {
    if(ev.type == "tap")
        $('#help-modal').attr('data-target','#modal-one');
    else
        $('#help-modal').attr('data-target','#modal-two');
});
</script>

Answer 1

如果有人遇到同样的问题，我找到了解决方案:

改变这个:

$('#help-modal').attr('data-target','#modal-#');

为此:

$("#modal-#").modal("show");

这将使它完美地工作。这是脚本:

<script type="text/javascript">
var helpmodal = document.getElementById('help-modal');
var mc = new Hammer(helpmodal);

mc.on("press tap", function(ev) {
   if(ev.type == "tap")
      $("#modal-one").modal("show");
   else
      $("#modal-two").modal("show");
});
</script>