Question

我正在使用Hammer.js v2.0.4开发此应用程序。这个想法是当你点击底部弹出一个模态（模态 - 一个）时，如果你按下500毫秒（或更多），会显示另一个模态（模态 - 二）。

在桌面上一切正常。在移动设备上，如果您点击或按下的时间少于500毫秒，则会显示正确的模态。如果按下500毫秒，打开正确的模态。但如果按下超过500毫秒，就会发生这种情况。

如果有些用户点击底部＆gt; = 500毫秒，有没有办法显示正确的模态？

提前致谢。

这是剧本：

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

Hammerjs长期坚持移动

1 个答案: