1

我有一个用 typescript 编写的 angular-2-application，效果很好；但是，我偶然发现了这个问题，$-function 的各种相关答案对我没有帮助。我还包含“plottable”库，这就是问题发生的地方：有一个工具提示教程（恰好是我在图表中需要的）。在本教程中，可以找到以下代码：

// Initializing tooltip anchor
var tooltipAnchorSelection = plot.foreground().append("circle").attr({


 r: 3,
  opacity: 0
});

var tooltipAnchor = $(tooltipAnchorSelection.node());
tooltipAnchor.tooltip({
  animation: false,
  container: "body",
  placement: "auto",
  title: "text",
  trigger: "manual"
});

我现在的问题是这一行：

var tooltipAnchor = $(tooltipAnchorSelection.node());

我似乎无法在这里找到 $-function 的有效替代品。我有以下问题：

  • 这是 jQuery 吗？（因为我对 jQuery 没有真正的了解，所以我不知道，其余的代码对我来说似乎很像纯 JavaScript）
  • 如何在我的 typescript-code 中替换它以执行与此处相同的操作？

我试过简单地删除它（不会抛出任何语法错误，但也不会显示任何工具提示），但这当然不起作用；我也尝试用它替换它，document.getElementById(tooltipAnchorSelection.node())但这也不起作用

这是一个显示这些工具提示的工作版本的JSFiddle ；因为这是用 JavaScript 编写的，所以它可以工作，但是将完全相同的代码复制到 typescript 会显示美元符号处的语法错误。

感谢您的帮助，我将不胜感激

编辑：我不允许在这个项目中集成 jQuery，所以这样做不能解决我的问题。

PS：我想过将这个问题命名为“可绘制的工具提示在打字稿中不起作用”之类的东西，但是正如 JSFiddle 显示的那样，它们确实以某种方式工作，这似乎是 $-function 的问题，而不是其他任何问题

4

0 回答 0