jQuery - 无法在悬停函数中获取变量（mouseleave）

Question

我需要将current_src 的值传递给mouseleave 函数。

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 为current_src，你想在这里使用上面的作用域一个变量：

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)
    }
);