如何通過JS動態的給SVG中的元素添加tooltip
我通過這樣
? ? ? $("#coalface1-path").html("<title>當前報警：12個</title>");
在谷歌瀏覽器生效，可以顯示，但是在IE瀏覽器不行，不能顯示提示， IE版本為11 ，求解，多謝
我通過這樣
? ? ? $("#coalface1-path").html("<title>當前報警：12個</title>");
在谷歌瀏覽器生效，可以顯示，但是在IE瀏覽器不行，不能顯示提示， IE版本為11 ，求解，多謝
舉報
2018-05-21
樓主還能看到我發的話嗎。。。我跟你遇到了同樣的問題，我是use標簽....
2017-03-13
已找到解決方法 ，通過createElementNS 可以實現
? ? ? ? ? ? ? ? var rectObj1 = document.createElementNS("http://www.w3.org/2000/svg","title"); ?
? ? ? ? ? ? ? ? var textString = document.createTextNode("Hello SVG");
? ? ? ? ? ? ? ? rectObj1.appendChild(textString);
? ? ? ? ? ? ? ? rectObj.appendChild(rectObj1); ?
2017-03-08
<!DOCTYPE?html> <html> <head> <link?> <script?src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> </head> <body> <svg?xmlns="http://www.w3.org/2000/svg"> ??<rect?data-title="ffff"?id="a"?x="20"?y="30"?title="ddd"?fill="darkorange"?width="200"?height="150"> ??</rect> </svg> <svg?xmlns="http://www.w3.org/2000/svg"> ??<rect?fill="orange"?x="20"?y="30"?width="200"?height="150"> <title>ttt</title> ??</rect> </svg> <script?type="text/javascript"> $(document).ready(?function(){ ??$("#a").html("<title>當前報警：12個</title>"); }); </script> </body> </html>代碼如上，多謝