jQuery 单击事件不适用于移动设备上的 SVG 元素

Question

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

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

http://map.digitronix.studio/

SVG map 通过 PHP 加载，使用:

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

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

Answer 1

使用tap和touchstart:

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