Doubleclick事件在移动浏览器视图中不起作用

Question

我在div上创建了一个双击事件，当我单击两次时，图像顶部出现心脏反应，在Web浏览器上，它运行正常，但是当我按F12键并切换到移动视图时，它不起作用

这是我的JavaScript函数：

$(document).on("dblclick", '#tesst', function (e) {
  var heart = $(this).find("i");
  heart.fadeIn("slow");
  setTimeout(function () {
    heart.fadeOut("slow");
  }, 2000);
  heartReact();
});

这是我的div：

stringMsg =
    '<div class="/col-lg-4 delcd-tours animate-box/">' +
    '<div id="tesst" class="hot-img-container" >' +
    '<a href="#">' +
    '<div  class="instagram">' +
    '<i id="heart" class="fa fa-heart">' + '</i>' +
    '<img  src="" id="myImgTag' + element.id_publication + '" class="img-fluid" alt="" />' +
    '</div>' +
    "</a>" +
    '<div class="desc">' +
    "<span>" +
    "</span>" +
    "<h3>" +
    element.pays +
    "</h3>" +
    "<span>" +
    "</span>" +
    '<span class="price">' +
    element.budget +
    "</span>" +
    '<a class="btn btn-primary btn-outline" href="tour-detail.html">' +
    "View Trip" +
    '<i class="icon-arrow-right22">' +
    "</i>" +
    "</a>" +
    "</div>" +
    "</div>" +
    "</div>";


  document.getElementById("pubslist").innerHTML += stringMsg;
  document.getElementById("myImgTag" + element.id_publication).src = element.imagePub;

有没有针对此问题的解决方案，使其可以同时在网络视图和移动视图上使用