Wie können wir ein benutzerdefiniertes jquery-Plugin mit typescript erstellen?

Question

Ich brauche ein benutzerdefiniertes jquery-Plugin in meiner Anwendung und wie kann ich ein benutzerdefiniertes jquery-Plugin mit typescript erstellen. Ich habe viel gegoogelt und ich habe gerade unter Links

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

Define a custom jQuery UI widget in TypeScript

Die obigen Links verwendet Ebene JavaScript-Code, jedoch JavaScript-Code wird in Typoskript arbeiten, aber das Problem dabei ist, ich kann nicht Verwenden Sie in diesem Plugin Typoskript-Klassen. Gibt es eine Möglichkeit, Typescript-Klassen mit in jquery-Plugin zu verwenden, oder gibt es eine andere Möglichkeit, jquery-Plugin in Typoskript zu erstellen.

Alle Vorschläge sollten berücksichtigt werden.

Answer 1

Es gibt kaum Unterschiede zwischen der Verwendung von JavaScript und Typescript beim Erstellen eines Plugins. Wahrscheinlich möchten Sie zuerst die jQuery-Definition für TypeScript von here abrufen und sie Ihrem Projekt hinzufügen (oder je nach Entwicklungsumgebung in die Befehlszeile usw. aufnehmen).

Dann schreiben Sie einfach das Plugin und verwenden Sie Klassen und vorhandenen Code, den Sie möchten. Das folgende Beispiel zeigt nur, dass es sich kaum von den ursprünglichen JavaScript-Plugin-Techniken unterscheidet.

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