如何通過(guò)JS動(dòng)態(tài)的給SVG中的元素添加tooltip
我通過(guò)這樣
? ? ? $("#coalface1-path").html("<title>當(dāng)前報(bào)警：12個(gè)</title>");
在谷歌瀏覽器生效，可以顯示，但是在IE瀏覽器不行，不能顯示提示， IE版本為11 ，求解，多謝
lwl0606
2017-03-08
3 回答
舉報(bào)
0/150
提交
取消
2018-05-21
樓主還能看到我發(fā)的話(huà)嗎。。。我跟你遇到了同樣的問(wèn)題，我是use標(biāo)簽....
2017-03-13
已找到解決方法 ，通過(guò)createElementNS 可以實(shí)現(xiàn)
? ? ? ? ? ? ? ? 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>當(dāng)前報(bào)警：12個(gè)</title>"); }); </script> </body> </html>代碼如上，多謝