jquery：hover（）関数で変数を渡していますか？

Question

hover（）で変数を渡すことはできますか？

以下のスクリプトのように、私は同じ変数を2回宣言したくありませんvar target = xxxと私はこの変数をグローバルにしたくありませんtarget = xxx bcosこの変数名 - ターゲットを使用する他の関数があります。

$('.image-profile').hover(function() { 

     var target = $('.button-change-image-profile',this); 
     target.show(); 

    },function() { 

     //var target = $('.button-change-image-profile',this); 
     target.hide(); 

    }); 

だから私はこの},function (target) {のようなVARを渡そうとしました、もちろんそれは間違っているが、他の方法では、このVARを渡すために？

ありがとうございました。

Answer 1

短いバージョンは、ちょうどここでトグルすることである。

$('.image-profile').hover(function() { 
    $('.button-change-image-profile',this).toggle(); 
}); 

このように、（例えば.each()を使用して）ループとき外それを定義（より一般的な溶液として）各ハンドラでは、利用可能なました：

$('.image-profile').each(function() { 
    var target = $('.button-change-image-profile',this); 
    $(this).hover(function() { 
     target.show(); 
    },function() { 
     target.hide(); 
    }); 
}); 

Answer 2

ホバー機能のうち、var outを定義するだけです。

Answer 3

私はjQuery bindがあなたの望むものかもしれないと思います。

Answer 4

もう1つの考えられる方法は、jQuery .data()を使用して、ホバーのin/outのthisにデータを保存することです。あなたはマウスでそれを保存します。マウスでそれを取得します。 これは

$('.image-profile').hover(function() { 

    var target = $('.button-change-image-profile',this); 
    target.show(); 

    // we save the target object into the 'target' key. 
    $(this).data('target',target); 

},function() { 

    // we retrieve the target object (a jQuery object) and then hide it. 
    $(this).data('target').hide(); 

}); 

がうまくいけば、このアプローチはあまりにも間違っていない...ので、tはいくつかのゴミを作成することができ、ホバー機能のうち、グローバルVARまたはVARを使用して、概念的に類似していてもよい...