父 dom 对象上的 Jquery 函数使用 TypeScript 编译错误

Question

我在编译位于 typescript 文件中的以下代码时遇到错误:

parent.$(mySelector)

在这里，我在 typescript 编译器未知的 $ 符号上遇到错误。 Jquery是通过定义文件引用的。我该怎么做才能继续使用这种方法来编写我的代码？

我遇到的正确错误如下:

The property '$' does not exist on value of type 'Window'

Answer 1

您需要为 Window 对象定义 $ 变量，因为 JQuery 定义文件不会这样做:

interface JQueryWindow extends Window {
    $: JQueryStatic;
}

无论何时使用 Window 对象，都将其转换为 JQueryWindow

(<JQueryWindow>parent).$(selector);