クラスを使用したjQueryプラグインのテンプレート


前置き

いくつかjQueryプラグインを作成したことで、ようやく自分の中でお決まりのパターンのようなものが出来上がりつつあります。いまさら感満載ではありますが、プラグイン開発時のテンプレートの一例として、投稿しておきます。

テンプレートといってHogeとかFugaとかいうコードににしてしまうとイメージが湧きづらいので、サンプルプラグインを実装して公開することにします。プラグイン開発に慣れていない方のことも考慮して、お節介にもコメントもふんだんに盛り込んでみました。

サンプル Loggingプラグインの仕様

  • テキストフィールド等のコントロールの変更を監視し、値が変更されたらコンソールに変更前と変更後の値を出力する
  • プラグイン初期化時にオプションを指定できる

  • 各要素個別のオプションをdata属性にて指定できる

  • 後から監視をオフできる

テンプレート

ソース

itmammoth/jqueryPluginTemplateUsingClass

参考

プラグイン作成

関連する記事


コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください