jquery - 我们如何使用 typescript 创建自定义 jquery 插件？

Question

我需要在我的应用程序中使用 jquery 自定义插件，以及如何使用 typescript 创建自定义 jquery 插件。我在谷歌上搜索了很多，我刚找到下面的链接

http://typescript.codeplex.com/discussions/398401

Define a custom jQuery UI widget in TypeScript

上面的链接使用普通的 javascript 代码，但是 javascript 代码可以在 typescript 中工作，但问题是我不能在这个插件中使用 typescript 类。有没有办法在 jquery 插件中使用 typescript 类，或者有没有其他方法可以在 typescript 中创建 jquery 插件。

如有任何建议，我们将不胜感激。

Answer 1

在创建插件时使用 JavaScript 和 Typescript 之间几乎没有区别。您可能希望从 here 中获取 TypeScript 的 jQuery 定义。首先并将其添加到您的项目中(或将其包含在命令行等中，具体取决于您的开发环境)。

然后，只需编写插件并使用您想要的任何类和现有代码。下面的例子除了证明它与原始的 JavaScript 插件技术几乎没有什么不同之外没有做任何事情。

(function($) {
    $.fn.myPlugin = function() {
        // do something
        return this;
    };

    $.fn.myEachPlugin = function(options)  {
        var settings: any = $.extend({
            color: "#ffff00"
        }, options);

        return this.each(function() {
            // do something ...
        });
    };

})(jQuery);