[weblinks svg文件放置在网页中后不起作用

Question

在我的主页上，我试图插入一个带有可点击部分的svg，这些可链接部分链接到其他网页。我用Illustrator制作了这个svg，当我在浏览器中直接打开它时，一切都会按应有的方式运行。但是，一旦将此svg放在我的网页上，单击它，似乎会打开图像，而不是打开它链接到的实际页面。如果右键单击并单击“在新选项卡中打开”或“在新窗口中打开”，则确实会打开链接。

svg显示在www.unfoldmyworld.com上，它是带有可单击图像的世界地图。

这里是svg中有关可点击区域的代码段：

<a xlink:href="http://www.unfoldmyworld.com/Africa" xlink:show="replace"> 
        <polygon id="Box-1" fill="#FFFFFF" opacity="0" points="366.938,336.958 461.559,
        336.946 461.583,409.583 481.003,409.56 480.979,449.266 441.263,449.266 441.28,
        431.596 366.938,431.58      "/>

为了将svg带到我的wordpress元素或页面上，我安装了插件svg支持。我已经尝试放入xlink:show="new"和target="_blank"，但没有成功。我也尝试将整个svg内联在html代码框中，这导致了同样的问题。如果有人可以告诉我我要怎么做才能使这些链接实际在当前窗口（而不是新窗口）中打开预期的页面，将不胜感激。

Answer 1

我设法自己解决了这个问题。原来，此问题是由Elementor引起的。单击链接时，它会自动打开一个灯箱。要解决此问题，需要将data-elementor-open-lightbox="no"属性添加到svg文件中的链接。