Fatal编程技术网
  • javascript/
  • Javascript 使用d3.js在同一单击事件上调用两个函数

Javascript 使用d3.js在同一单击事件上调用两个函数

javascript d3.js

Javascript 使用d3.js在同一单击事件上调用两个函数,javascript,d3.js,onclick,tooltip,Javascript,D3.js,Onclick,Tooltip,有人知道是否可以使用d3.js在同一事件上调用两个单独的函数吗？我知道，在JavaScript中，只需用分号将二者分开就可以做到这一点，但在我的特殊情况下，这一点并没有成功。我正在使用带有工具提示的强制布局图，并且有两个我想要使用的独立工具提示。鼠标悬停时，会出现一个工具提示，说明节点的名称，然后单击，我希望第二个工具提示显示其描述。不过，在单击时，我希望第一个工具提示消失。下面是我正在使用的代码块： .on("click", describe_tip.show)

有人知道是否可以使用d3.js在同一事件上调用两个单独的函数吗？我知道，在JavaScript中，只需用分号将二者分开就可以做到这一点，但在我的特殊情况下，这一点并没有成功。我正在使用带有工具提示的强制布局图，并且有两个我想要使用的独立工具提示。鼠标悬停时，会出现一个工具提示，说明节点的名称，然后单击，我希望第二个工具提示显示其描述。不过，在单击时，我希望第一个工具提示消失。下面是我正在使用的代码块：

         .on("click", describe_tip.show)
         .on("mouseover", tip.show)
         .on("mouseout", tip.hide)
我想调用
tip.hide
以及
description\u tip.show
但不知道正确的语法

如果您有任何建议或帮助，我们将不胜感激。

您可以将要进行的两个函数调用封装在一个匿名函数中，例如

.on("click", function(d){
    describe_tip.show(d);
    tip.hide(d);
})
请注意，由于
description\u tip.show
和
tip.hide
都需要数据
d
作为参数，因此需要将其传递给它们。回想一下，当将匿名回调函数传递给
。在（“单击”，回调）
上，D3传递：

当前数据d和当前索引i，将此上下文作为当前DOM元素

到
回调
函数（）。

太棒了！非常感谢。我未能将
（d）
包含在
描述提示。显示
和
提示。隐藏