使用svg xlink进行切换

Question

我没办法和xlink一起工作。

我尝试用Swup创建页面转换。正常的<a href="/secondpage.html">标记可以正常工作，但是在svg内部我需要使用<a xlink:href="/secondpage.html">。

从Swup文档中，我发现xlink应该用作选择器。

'LINK_SELECTOR: 'a[href^="/"]:not([data-no-swup]), a[href^="#"]:not([data-no-swup]), a[xlink\\:href]'

对于如何让Swup与SVG一起工作有什么想法吗？

Answer 1

你已经想好了吗？对于svg文件中的xlink，请使用：

svg a[*|href]

所以：

linkSelector: 'a[href^="/"]:not([data-no-swup]), a[href^="#"]:not([data-no-swup]), asvg a[*|href]'

荣誉属于Swup的皇太子。