jQueryはある関数から別の関数にオブジェクトを渡します

Question

私はアプリケーションで何度も再利用する小さな関数を作成しました。私のコンソールにエラーが表示されているため、私は文法が間違っているようです "オブジェクト[オブジェクトオブジェクト]にはメソッド 'fadeIt'がありません

私は問題がある関数のオブジェクトを別の関数に渡していると想像します。優雅にそれを行う方法を確認してください。私のコードは以下の通りです。あなたの助けを

ありがとう！

http://jsfiddle.net/danielredwood/aFx6u/2/

function fadeIt() { 
    $(this).animate({ 
     opacity:0 
    }, 400, function(){ 
     //$(this).css('cursor','auto'); 
     //$(this).children('img').css('margin-left','-100px'); 
    }); 
} 

$('.box').click(function(){ 
    $(this).fadeIt(); 
}): 

Answer 1

：

$ .fn.fadeIt =関数（）{

を};

$（this）.fadeIt（）;を使用できます。あなたはこのように、.call()を使用してfadeIt関数の呼び出しコンテキストを設定することができます

Answer 2

これはあなたのコードを修正します。

function fadeIt(element) { 
    element.animate({ 
     opacity:0 
    }, 400, function() { 
     // element.css('cursor','auto'); 
     // element.children('img').css('margin-left','-100px'); 
    }); 
} 

$('.box').click(function() { 
    fadeIt($(this)); 
}): 

しかし、代わりにfadeOutとfadeInのようなjQueryの組み込み関数を使用することを強くお勧めします。あなたは、おそらくプラグインにこれ​​を作成し、次のようなアプローチを使用したい

Answer 3

...

fadeIt.call(this) 

---

説明：

JavaScriptが持っている二つの方法、.call()と.apply()は、両方とも手動でthisの値を関数yoに手動で設定できるようにしました呼び出し時に呼び出されます。

.call()および.apply()のメソッドは、この目的のためにすべてのJavaScript関数で使用できます。

最初の引数は、呼び出す関数のthisに設定する値です。両者の唯一の違いは、引数がどのように渡されるかです。 .call()で

---

、引数は...のように、個別に.apply()で

func.call(thisArg, 'foo', 'bar') 

を渡される引数は、アレイのようなコレクションとして渡され...

func.apply(thisArg, ['foo', 'bar']) 

。 ..呼び出される関数の中で個々の引数として破壊されます。

Answer 4

あなたがしようとしているのは、ドット表記法を使用して関数を呼び出すことです.Javascriptではオブジェクトのプロトタイプのみに制限されています。何がやりたいことは、あなたがfadeIt

function fadeIt(obj) { 
... 
} 

で引数としてthisを渡すように、ちょうどjQueryの `フェードアウト（）`関数を使用しない理由fadeIt($(this));