Question

我有2个不同的div具有不同的id #context-menu＆amp; #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 - ＆gt; 从此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);
  });

注意：要在鼠标悬停功能中获取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);

从1 d3.select隐藏另一个div

2 个答案: