jQuery UI在SVG图像中消除了链接(xlink:href)

时间:2014-08-29 16:28:20

标签: javascript jquery jquery-ui jquery-plugins svg

我有一个嵌入式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中的一个错误。但是我能做些什么来使链接工作?有解决方法吗?

1 个答案:

答案 0 :(得分:1)

因为您要将accordion应用于所有<a>元素:

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

如果你将它们遗漏,你的SVG链接就可以正常工作。

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

小提琴:http://jsfiddle.net/c4tdtvaf/3/