Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Typescript中替换JS中的$(美元符号函数)不起作用_Javascript_Typescript_Plottable - Fatal编程技术网

Javascript 在Typescript中替换JS中的$(美元符号函数)不起作用

Javascript 在Typescript中替换JS中的$(美元符号函数)不起作用,javascript,typescript,plottable,Javascript,Typescript,Plottable,我有一个angular-2应用程序,它是用打字机写的,效果很好;然而,我偶然发现了这个问题,$函数的各种相关答案对我没有帮助。 我还包括库“plottable”,这就是问题发生的地方: 这里有一个工具提示列表(这恰好是我在图表中需要的)。在本教程中,可以找到以下代码: // Initializing tooltip anchor var tooltipAnchorSelection = plot.foreground().append("circle").attr({ r: 3, op

我有一个angular-2应用程序,它是用打字机写的,效果很好;然而,我偶然发现了这个问题,$函数的各种相关答案对我没有帮助。 我还包括库“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());
我在这里似乎找不到可用的$-函数替代品。 我有以下问题:

  • 这是jQuery吗?(因为我对jQuery没有真正的了解,所以我不知道,剩下的代码对我来说就像是普通的JavaScript)
  • 如何在我的typescript代码中替换它,使其与此处相同?
我尝试过简单地删除它(不会抛出任何语法错误,但也不会显示任何工具提示),但当然这不起作用;我还尝试将其替换为
document.getElementById(tooltipAnchorSelection.node())
,但也不起作用

下面是一个示例,显示了这些工具提示的工作版本;由于这是用JavaScript编写的,所以它可以工作,但将完全相同的代码复制到typescript会在dollarsign中显示一个语法错误

谢谢你的帮助,我真的很感激

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



PS:我曾考虑过将这个问题命名为“plottable tooltips在typescript中不起作用”之类的问题,但正如JSFIDLE显示的那样,它们确实起作用了,这似乎是$-函数的问题,而不是其他任何问题。

这使用了jQuery和Bootstrap。将这些导入到代码中。无法说明如何导入unitl我看到一些实际的代码。@Saravana实际完整的工作代码可以在链接的JSFIDLE中找到;你能详细说明一下它和引导有什么关系吗?我最近经常使用它,但我从来没有遇到过这样的代码(假设你在谈论bootstrap.css?),我指的是Angular 2项目的代码,你在使用
$
时出错。在您的fiddle示例中,您使用的是Bootstrap库中的
tooltip()
方法。至于代码,这里的问题是,它与我的应用程序中失败的代码完全相同,我从小提琴上复制粘贴了它,它给了我,很可能是因为typescript,在$处的错误。这就是为什么我正在寻找$-函数的替代品,但我似乎找不到(我尝试过的那些,因为我认为它们是等效的,但没有用),您不必替换它。只需在您的项目中使用jQuery和引导包,它使用jQuery和引导。将这些导入到代码中。无法说明如何导入unitl我看到一些实际的代码。@Saravana实际完整的工作代码可以在链接的JSFIDLE中找到;你能详细说明一下它和引导有什么关系吗?我最近经常使用它,但我从来没有遇到过这样的代码(假设你在谈论bootstrap.css?),我指的是Angular 2项目的代码,你在使用
$
时出错。在您的fiddle示例中,您使用的是Bootstrap库中的
tooltip()
方法。至于代码,这里的问题是,它与我的应用程序中失败的代码完全相同,我从小提琴上复制粘贴了它,它给了我,很可能是因为typescript,在$处的错误。这就是为什么我正在寻找$-函数的替代品,但我似乎找不到(我尝试过的那些,因为我认为它们是等效的,但没有用),您不必替换它。只需在项目中使用jQuery和引导包。