Как создать пользовательский плагин jquery с помощью typescript?

Мне нужно использовать пользовательский плагин jquery в моем приложении и как я могу создать пользовательский плагин jquery с помощью typescript. У меня много googled, и я чуть ниже ссылок

В приведенных выше ссылках используется простой javascript-код, однако javascript-код будет работать в typescript, но проблема с этим заключается в том, что я не могу использовать классы typescript в этом плагине. Есть ли способ использовать классы typescript с плагином jquery, иначе есть ли другой способ создания jquery-плагина в typescript.

Ответы

Ответ 1

Очень мало различий между использованием JavaScript и Typescript при создании плагина. Вероятно, вы захотите сначала захватить определение jQuery для Typescript из здесь и добавить его в свой проект (или включить его в команду строка и т.д., в зависимости от вашей среды разработки).

Затем просто напишите плагин и используйте любые классы и существующий код, который вы хотите. В приведенном ниже примере не делается ничего, кроме демонстрации того, что он практически не отличается от оригинальных методов плагина 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);