Bootstrap-Toggle的类型定义

Question

我正在尝试为Bootstrap Toggle创建一个类型定义文件，最终得到一个像这样的bootstrap-toggle.d.ts文件：

interface BootstrapToggleOptions {
    on?: string;

    off?: string;

    onstyle?: OnOffStyle;

    offstyle?: OnOffStyle;

    size?: Size;

    width?: number;

    height?: number;
}

type OnOffStyle = "default" | "primary" | "success" | "info" | "warning" | "danger";
type Size = "large" | "normal" | "small" | "mini";

interface JQuery {
    bootstrapToggle(): JQuery;

    bootstrapToggle(options?: BootstrapToggleOptions): JQuery;
}

在我的角度组件中，我有以下代码（仅显示部分）：

@ViewChild('competitionToggle') competitionToggle: ElementRef;

ngAfterViewInit(): void {
        $(this.competitionToggle.nativeElement).bootstrapToggle({
            on: 'Yes',
            off: 'No'
        });
    }

到目前为止，webpack很好地解决了所有问题。

但是当我运行它时，我收到了这个错误：

  

$（...）。bootstrapToggle不是函数

我需要更改它有效吗？

我使用TypeScript 2.0.6和Angular 2