javascript - Magnific Popup 的 Typescript 定义文件

Question

我是 Typescript 的新手，我对 Mangific Popup lightsout 插件有疑问，并且 type script 不能很好地使用它。

所以我在“typings”文件夹中创建了一个新文件夹，并将其添加到 typings 根文件夹中的 index.d.ts 中。我认为它使用它是正确的，但我只是不知道如何制作文件。

这是我做的，

interface JQuery {
   magnificPopup(callback?: () => void): JQuery;
}

interface JQueryStatic {
  address: JQueryMagnificPopupStatic;
}

interface JQueryMagnificPopupStatic {
  (): JQuery;
  parameter(name: string): string;
  parameter(name: string, value: string, append?: boolean): JQuery;
}

现在这段代码确实来自 SO 上的另一篇文章。但我不确定该怎么做？

我遇到过 dt-gen，但这似乎只适用于节点模块？没有node模块，只有.js文件怎么用？

谢谢。

Answer 1

我有(或看起来有)这个插件的工作定义文件。

//Magnific Popup Definition File

interface JQuery {
  magnificPopup(callback?: () => void): JQuery;
}

interface JQueryStatic {
  magnificPopup: JQueryMagnificPopupStatic;
}

interface JQueryMagnificPopupStatic {
  open: any;
  (): JQuery;
  parameter(name: string): string;
  parameter(name: string, value: string, append?: boolean): JQuery;
}

如果我对此类文件有任何错误，请纠正我。作为记录，这就是我打开我的 div 的方式，

$.magnificPopup.open({
      items: {
        src: '#DivIDHere',
        type: 'inline'
      }
});

这就是为什么我在最后一个界面中添加了一个“打开”，但我不确定这是最好的方法吗？

非常感谢。