0

ここにリストされているように、軽量化されたプラグイン パターンに基づいて JQuery を使用してクライアントを開発しています。

https://github.com/jquery-boilerplate/jquery-patterns/blob/master/patterns/jquery.basic.plugin-boilerplate.js

1 つのファイルに取り組んできましたが、1000 行を超えるコードで肥大化しています。そのため、スクリプトを分割することにしましたが、jQuery で複数のスクリプトを保持するためのベスト プラクティスを見つけることができませんでした。

私の主なスクリプトは次のとおりです。

;(function($, window, document, undefined) {
   function MainClass(){
       this.other = new Otherclass(); // Otherclass is defined in separate script
   }

   MainClass.prototype = {
   ...
   }

   $.fn.mainclass = function(){
   ...
   }
})(jQuery, window, document);

HTML は次のとおりです。

<html>
   <head>
      // JQuery included
      <script type="text/javascript" src="mainclass.js></script>
      <script>
      $(function() {
         $("body").mainclass();
      });
      </script> 
   </head>
</html>

質問: 別のファイルで otherclass を定義する必要があります。これを達成するための最良の方法は何ですか？プラグイン パターンが複数のスクリプトを持つことを意図していない場合、これに適した他のプラクティスはありますか?

ありがとうございました。

4

1 に答える 1