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