javascript - jQuery UI 正在禁用 SVG 图像中的链接( xlink :href )

Question

我有一个嵌入的 SVG 图像，其中包含一些指向外部 URL 的链接。将 jQuery UI 添加到文档时，SVG 的链接将不再起作用。我设置了fiddle来展示行为。从“外部资源”中删除 jQuery UI 时，链接将起作用。

SVG 链接的制作方式如下:

<a xlink:href="/hamburg-nord" xlink:title="SomeName">
<path id="nord" d=".....a lot of image-data-coordinates.........."/>
</a>

我怀疑，这是 jQuery UI 中的一个错误。但我该怎么做才能使链接正常工作呢？有解决办法吗？

Answer 1

因为您正在申请 accordion致所有<a>元素:

$( "#accordion, a, #xxx" ).accordion({...});

如果您忽略它们，您的 SVG 链接就可以正常工作。

$( "#accordion, #xxx" ).accordion({
    collapsible: true
});

fiddle :http://jsfiddle.net/c4tdtvaf/3/