How to make buttons shapes inside SVG with (jquery) touchscreen friendly?

Question

JavaScript

I'm making a site with active elements in SVG with a selection of objects for the touch screen.
//tickets-to-circus.rf/product/view/453/2138.html to view HALL DIAGRAM

<svg>
<circle cy=22 cx=33 r= 20></circle>
<circle cy=33 cx=22 r= 20></circle>
</svg>

<script>
jQuery('circle').on('click tap', function(){alert('Тап работает!');});
</script>

We want Circle elements in SVG to act as touch buttons. So that you can poke on them on the touch screen, and that your own logic is executed

Answer 1

https://websitebeaver.com/how-to-make-an-interacti...