首页 > 解决方案 > jQuery 点击事件不适用于移动设备上的 SVG 元素

问题描述

我使用 SVG 作为地图,当您单击某些指针时,它会显示更多信息。单击桌面上阿斯顿维拉足球俱乐部的椭圆时,会打开正确的信息框,并将名称记录到控制台。这在移动设备上根本不起作用。

$(".marker") is on a a <g> element.

http://map.digitronix.studio/

SVG 地图通过 PHP 加载,使用:

<?php echo file_get_contents("map4.svg"); ?>

任何帮助都会很棒!谢谢。

标签: jqueryhtmlcssjquery-click-event

解决方案


使用taptouchstart

$(".your-element").on('click tap touchstart', function() {
   // Do something
});

推荐阅读