は、私は以下のようなHTML何かを持っているjQueryオブジェクト

Question

の拡張メソッドを呼び出すことはできません。

quote = $(".quote.prototype").clone().show() 
     .removeClass("prototype").addClass("live") 
     .addClass(foo) 
     .appendTo("#quoteContainer"); 

$.extend(quote, QuoteCalculator); 
quote.setQuoteClass(foo); 

Fooは、 "q"と引用符の数を組み合わせた変数です。 QuoteCalculatorクラスには、（ex。）shout（）など、いくつかの呼び出したいメソッドがあります。ここではQuoteCalculatorの一部です：

var QuoteCalculator = { 
    ... 

    shout: function() { 
     console.log("hello from calculator"); 
    }, 

    ... 
};  

私はプログラムの別のポイントで、シャウトメソッドを呼び出したいと思います。ここに私のコードは次のようになります。）（this.shout [このエラーのブレーク] this.shoutが機能 ではありません。：ここでは

$(".quote.live").each(function() { 
     this.shout(); 
}); 

は言う放火犯であります

編集：これは変わった部分です：quote.setQuoteClass（foo）を呼び出してもエラーは発生しません。逆に、それは完全に動作します。

なぜこの問題が発生するのですか、原因は何ですか？また、どのように修正しますか？

Answer 1

quoteがDOMオブジェクトであると思われます。代わりに、DOMを参照するjQueryオブジェクトです。これを試してみてください：

$.extend(quote.get(0), QuoteCalculator); 

Answer 2

あなたの拡張：

$.extend(quote, QuoteCalculator); 

は、jQueryの機能のインスタンスを延長しています。 ではなく、 jQueryプロトタイプを拡張して、前のコレクション（quote）にあった要素の新しいクエリでもメソッドを取得できるようにします。その^^

$(".quote.live") 

はあなたが拡張quoteに保存されているインスタンスに接続されていないのjQueryの新しいインスタンスで、その結果、新しいクエリです。

plugin authoringを調べ、jQueryの「クラス」（jQuery関数のプロトタイプ）を拡張して、ファクトリから返されたjQueryのすべてのインスタンスが必要なメソッドを持つようにする必要があります。