鼠标悬停显示带有D3.js的svg外来元素？
鼠标悬停显示带有D3.js的svg外来元素？
提问于 2017-09-08 00:45:04
我有一个svg组，当我将鼠标悬停在它上面时，我想显示这个组的其他元素。我把代码放在相反的位置(例如，当我将鼠标悬停在g上方时，附加的元素是隐藏的)：它反向工作(JSfiddle)
但是，当我更改它，使按钮最初被隐藏，然后在悬停时可见时，它就不再工作了：我真的很想要它。
很抱歉，我不能使用内置的堆栈溢出代码查看器，它以某种方式拒绝工作。
我认为问题在于，即使在hove事件被触发之后，围绕按钮的body标记仍然停留在opacity: 0上。在浏览器检查器中很容易观察到。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-08 00:52:37
您必须在opacity元素本身中设置<button>：
.html(`<button style="color: #000000; background-color: #FF8C00;
border: 1px solid #888888; opacity:0" class="connector-button">
<i class="fa fa-arrows-v" aria-hidden="true"></i></button>`);这是您最新的小提琴：https://jsfiddle.net/7eoamnn4/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46112309
复制相关文章
相似问题
带有D3.Js的SVG高度
D3.js svg元素遍历
隐藏并显示带有转换的svg元素
不能使用D3显示SVG外来对象
带有d3.js的箭头SVG渐变
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
