例えばサイドバーのアニメーションを促すカスタムイベントを使う場合。 サイドバーにはいろんな機能があるとして、専門のサイドバーオブジェクトを作ったとする。 でも $('#sidebar').on('click', function() { /* */ }) とすると保守がしんどい。 この場合、$('#sidebar').trigger('onRequestAnimation') とするべきか、 $.project.sidebar.trigger('onRequestAnimation') とするべきか。 後者の場合はシングルトンが前提になっている。 なので、サイトにサイドバーが2つ以上必要になった場合に破綻する。 そして安直にこの問題を避けるとこういう感じになる。 (function($, undefined) { $.project = $.project || {}; $.project