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