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

Question

我需要在我的应用程序中使用jquery自定义插件，如何使用typescript创建自定义jquery插件。我google了很多，我只是在链接下面

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);