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

Question

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

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

在 TypeScript 中定义一个自定义的 jQuery UI 小部件

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

任何建议都应该不胜感激。

Answer 1

创建插件时使用 JavaScript 和 Typescript 几乎没有区别。您可能希望首先从此处获取 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);