Safari动态设置链接时不响应svg元素上的链接(?)

时间:2018-09-04 20:21:10

标签: javascript svg safari

在这段代码中,我将myapp/__init__.py动态添加到svg元素:

xlink:ref

我可以看到该链接反映在DOM中,但是该链接不起作用! (至少在Safari中。)另一方面,该页面具有预编码的链接(通过复制粘贴最终的DOM获得)可以正常工作:

<!doctype html>
<html>
<head>
</head>
<body>
    <svg width="500" viewBox="0 0 100 100">
        <a id="turkey">
            <rect x="10" y="10" width="80" height="80" fill="blue">
        </a>
    </svg>
    <script>
        a = document.getElementById('turkey')
        a.setAttribute('xlink:href', 'http://www.google.com')
    </script>
</body>
</html>

(免责声明:第二页在Chrome中不起作用。对于Chrome,必须将<!doctype html> <html> <head> </head> <body> <svg width="500" viewBox="0 0 100 100"> <a id="turkey" xlink:href="http://www.google.com"> <rect x="10" y="10" width="80" height="80" fill="blue"> </a> </svg> </body> </html> 更改为xlink:href。Safari喜欢href,Chrome喜欢xlink:href。 )

这是Safari中的一些已知错误吗?

如何在Safari中动态添加功能链接到svg元素?

0 个答案:

没有答案