Hammerjs在手機上長按

Question

我正在為正在開發的該應用程序使用Hammer.js v2.0.4。 這個想法是，當您點擊底部時，會彈出一個模態（模態一），如果您按下500ms（或更長時間），則會顯示另一個模態（模態二）。

在桌面上，一切正常。 在移動設備上，如果您點擊或按下的時間少於500毫秒，則顯示的是正確的模態。 如果精確按下500毫秒，則會打開正確的模態。 但是，如果您按下500ms以上，則什么都不會發生。

如果某些用戶點擊底部> = 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>