从 1 d3.select 隐藏另一个 div答案

【问题标题】：from 1 d3.select hide another div从 1 d3.select 隐藏另一个 div
【发布时间】：2016-02-08 07:13:54
【问题描述】：

我有 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）。

【问题讨论】：

d3.select('#another_div').style('display', 'none');
谢谢 Kartihikeyan ..... 有没有可能我们从另一个 Div 调用另一个 Div 然后鼠标悬停???如果是的话你能提供一些示例代码..
鼠标悬停在 divA 上时，您需要显示/隐藏另一个 div？是这样吗？
当控制进入#context-menu 时，我只是禁用#create-context-menu...
你能创建你的代码的小提琴吗？

标签： javascript jquery html d3.js

【解决方案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)

【讨论】：

Thnks Gilsha ......但如果我把这段代码放在鼠标悬停上......菜单不应该出现......我在右键单击两个弹出窗口时面临冲突......

【解决方案2】：

试试这个隐藏div，

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

如果您想禁用输入，请使用

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

【讨论】：

Thnks Kartikeyan ...但我的要求是单击两个弹出窗口，它们的 id 为 div #context-menu 和 #create-context-menu 我想在单击时禁用 #create-context-menu在 node 上并在我们单击除该 node 之外的任何位置时禁用 #context-menu 。在调用 d3.select('#context-menu') 之后，我尝试了 // $( "#create-context-menu" ).addClass('hidden'); // $('#test').css({'display':'none'});两者都可以正常工作，但之后 $('#create-context-menu') 不再出现
@Sandeep 您是否在弹出窗口关闭时删除了课程？