javascript - 从 1 d3.select 隐藏另一个 div

Question

我有 2 个不同的 div，它们具有不同的 id #context-menu 和 #create-context-menu

d3.select('#context-menu')
  .style('display', 'inline-block')
  .on('mouseleave', function() {
       d3.select('#context-menu').style('display', 'none');
       context = null;
   });

我想隐藏 #context-context-menu div，而不是 onMouseLeave --> 我想从此 d3.select 隐藏另一个 div(#create-context-menu)。

Answer 1

d3.select('#context-menu')
  .style('display', 'inline-block')
  .on('mouseover', function() {                   
      //To hide the div with id create-context-menu
      d3.select('#create-context-menu').style('display', 'none');
      //OR          
      //d3.select('#create-context-menu').style('opacity', 0);
  });

注意:要在 mouseover 函数中获取 id 为 context-menu 的 div，可以使用 d3.select(this)