jqueryプラグインを再利用可能にする方法は？

Question

私はこのプラグインの問題を長年にわたって持っていますが、それは正しくできません。

ここにテストpageがあります。あなたはページボタンをクリックすると、それは二回pageを警告する必要がありますが、それは二時photoに警告します。

これは、「写真」という別のボタンのプラグインを再利用するためです。私は2番目のボタンが最初のボタンを上書きしていると思います。なぜなら、それがなぜ起こっているのか分かりません。

$(document).ready(function(){ 

    $('.get-page').get_overlay({ 
     targetObject:   '.page' 
    }); 

    $('.get-photo').get_overlay({ 
     targetObject:   '.photo' 
    }); 

}); 

その後、これは、このプラグインが最初の場所でプラグインを持つ点が何であるか、その後全く再利用することができないことを意味？

私はこのプラグインで間違っていましたか？どうすれば修正できますか？代わりに、targetObjectを格納し、それを保存するために.dataを使用するローカル変数を使用しての

(function($){ 

    $.fn.get_overlay = function(options) { 

      var defaults = { 
       targetObject:   '' 
      } 

      var options = $.extend(defaults, options); 
      var o = options; 

      var $cm = this.click(function() { 

       alert(o.targetObject); 

       $.fn.get_overlay.centralise(); 

       return false; 



      }); 

      if(!$.fn.get_overlay.centralise) $.fn.get_overlay.centralise = {}; 

      $.fn.get_overlay.centralise = function() { 

       alert(o.targetObject); 

      } 

    }  
})(jQuery);​ 

Answer 1

@lauthiamkok、jquery docsのプラグインオーサリングガイドを改訂する必要があると思います。プラグインの中でこれを行うことはおそらく良い考えではありません。$.fn.get_overlay.centralise公開範囲からcentralise()にアクセスしたい場合は、それをメソッドにする必要があります。次に、オーサリング・ガイドがアドバイスするように、プラグインの連鎖を許可するためにjqueryオブジェクトを戻すことをお勧めします。答えをhttp://jsfiddle.net/elclanrs/FrMSY/1/

$.fn.get_overlay = function(options) { 

    var o = $.extend({ 
     targetObject: '' 
    }, options); 
    var $this = this; 

    $this.centralise = function() { 
     alert(o.targetObject); 
    }; 

    return this.each(function() { 
     $(this).click(function() { 
      alert(o.targetObject); 
      $this.centralise(); 
      return false; 
     }); 
    }); 

}; 

Answer 2

。