javascript - 简单函数在 if 语句中不起作用

Question

我有一个有点嵌套的 JSON 文件:

{
  "name": "1370",
  "children": [
    {
      "name": "Position X",
      "value": -1
    },
    {...}
  ]
  "matches": [
    {
      "certainty": 100,
      "match": {
        "name": "1370",
        "children": [
          {
            "name": "Position X",
                "value": -1
          },
          {...}
        ]
      }
    }
  ]
}

我想使用修改后的 Collapsible Tree 来显示它.我想在悬停相应节点时显示“匹配”和“确定性”。我用过 simple tooltip example为此。

现在我有这样的东西:

  var nodeEnter = node.enter().append("g")
      ...
      .on("mouseover", function(d) {
          if (d.matches) {
            return tooltip.style("visibility", "visible")
              .text( function(d) { return d.name; } );
          }
       } )
      ...
      ;

我只是使用 d.name 进行测试。我想稍后再写一个更复杂的函数。但这根本不起作用。我得到一个工具提示，但它是空的(或包含默认值)。我不明白的一点是，以下工作:

if (d.matches) {
  return tooltip.style("visibility", "visible")
    .text( d.name );
}

因此在我看来，此时函数不起作用。我做错了什么？

Answer 1

您犯的错误是，在调用 jQuery 的 .text() 方法时，您传入了一个函数，但您要传入的是该函数的返回值。为此，您只需要使用它期望的参数调用您传入的函数:

var nodeEnter = node.enter().append("g")
  ...
  .on("mouseover", function(d) {
      if (d.matches) {
        return tooltip.style("visibility", "visible")
          .text( function(d) { return d.name; }(d) );
      }
   } )
  ...
  ;

注意函数在声明后如何使用 (d) 调用