jquery - HTMLElement 类型的值不可调用

Question

我在将我的一个 JavaScript 行转换为 TypeScript 时遇到了一些问题。

此行用于在 ID 为 containerId 的容器上创建类型为 widgetName 的小部件。 widgetName 是一个字符串:

$('#' + containerId)[widgetName](options)

例子:在 id example

的 div 上创建一个没有选项的 Accordion 小部件

$('#example')["accordion"]();
// which could be rewritten as:
$('#example').accordion();

虽然 JavaScript 有效，但 TypeScript 在第一行抛出错误:

Value of type HTMLElement is not callable

任何人都可以帮我写这个声明吗？我无法将 HTMLElement 转换为 JQueryStatic。提前致谢!

Answer 1

您是否使用来自绝对类型 (https://github.com/borisyankov/DefinitelyTyped/blob/master/jquery/jquery.d.ts) 的最新版本的 jquery 定义文件？

看起来这在您的情况下应该可以正常工作(第 726/727 行)-

[x: string]: any;
[x: number]: HTMLElement;

旧版本的 d.ts 有这个错误的定义:

[x: string]: HTMLElement; // *WRONG*
[x: number]: HTMLElement;

(更新:经过测试，我发现我有同样的错误。更新到上面列出的 d.ts 修复它)。