我們如何使用typescript創建一個自定義的jquery插件？

Question

我需要在我的應用程序中使用jquery自定義插件，以及如何使用typescript創建自定義jquery插件。我用Google搜索了很多，我只是得到下面的鏈接

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

Define a custom jQuery UI widget in TypeScript

上面的鏈接使用純JavaScript代碼，但是JavaScript代碼將在打字稿工作，但這個問題是我不能在此插件中使用打字稿類。 有沒有什麼辦法可以在jQuery插件中使用打字稿類，或者是否有其他方式在打字稿中創建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);