Blog

jQueryのプチプラグイン化でjQueryを使った関数を広く使えるようにする

2013.10.08Cat:jQuery デザイナー

jQueryを使うと、簡単に関数を組むことができますが、

jQueryの性質上、$(function(){・・・});の中に書いた関数は、その中でしか呼び出すことができないため、

サイトの規模が大きくなってくると、ファイルを分けて必要なときだけ呼び出したいときなどに、不都合が生じます。

 

例:

サイト全体で使う共通の関数を作っておいて、common.jsとしてまとめておき、

各ページで必要なときだけ呼び出したくても、この方法だとできません。

 

jQueryをプラグイン化するときに使う方法を使うと、この問題を解決することができます。

上の例のような関数の場合だと、

といった具合に書き直すことで、

好きな場所で

と記述して、関数を呼び出すことができます。

 

関数を呼び出すときの引数を指定したい場合は、

オプションとして設定できるようにしておけば同様に関数を使うことができます。

そのときは、

といった感じでオプションを設定できるようにすることで、

の用な感じで 、関数に情報を渡すことができ、ある程度融通を利かすことができます。

 

何度もたくさんのページに同じ関数を使い回す際は、是非お試しください。

 

Author Profile

ninomiya
ninomiya

Webデザイナー兼コーダーです。
イラストを描くのも好きです。
SVGとCanvasを使ったWEBアプリにも興味があります。
よろしくお願いいたします。

» 投稿一覧
  • Launch Cart次世代ECサイト構築システム 初期月額無料
  • LaunchMovie ECに特化した動画制作サービス

Archive

ページTOPへ