javascript - jQuery - ホバー関数内で変数を取得できません (mouseleave)

Question

current_srcmouseleave 関数に値を渡す必要があります。

console.log が返されますundefined。

var current_src, swap_src;
jQuery(".browseProductImage").hover(
    function(){
        var current_src = jQuery(this).attr('src');
        var swap_src = jQuery(this).next().attr('src');
        jQuery(this).attr('src', swap_src); 
    },
    function(){
        jQuery(this).attr('src', current_src);
        console.log(current_src)
    }
);

Answer 1

varの 2 番目を削除current_srcします。ここでは、上位スコープの 1 つの変数を使用します。

var current_src, swap_src;
jQuery(".browseProductImage").hover(
    function(){
        current_src = jQuery(this).attr('src');
        var swap_src = jQuery(this).next().attr('src');
        jQuery(this).attr('src', swap_src); 
    },
    function(){
        jQuery(this).attr('src', current_src);
        console.log(current_src)
    }
);