从1 d3选择隐藏另一个div

Question

我有两个不同的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;
   });

我想在这个d3.select中隐藏#context-context-menu div，而不是onMouseLeave -->我想隐藏另一个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)

Answer 2

试着这样隐藏div，

$('#context-menu').on('mouseover',function(){
   $('#create-context-menu').hide();
});

如果要禁用输入，请使用

$('#create-context-menu :input').attr('disabled', true);