在函數外返回變量

Question

我一直有問題通過jQuery函數返回一個變量。

$(document).ready(function() { 
    var selected = ""; 

    $('.whitetheme').on('click', function() { 
     $(this).effect("highlight", {}, 2000); 
     selected = "whitetheme"; 
     return selected; 

     $('.blacktheme').fadeOut(1500); 
     $('.redtheme').fadeOut(1500); 

    }) 

    console.log(selected); 
}); 

我試圖讓選中的值在點擊後變爲「whitetheme」。

現在，日誌函數返回一個空字符串。

Answer 1

你正在綁定一個事件處理程序，它會（並且如果調用）更改變量值。但是，該事件不能在console.log執行之前發生，因此您看不到更新的值。

此外，您的blacktheme和redtheme類不會淡出，因爲該代碼部分無法訪問。

你究竟想達到什麼目的？

Answer 2

要隨着我的問題/上述評論去：

$(document).ready(function() { 

var selected = ""; 

$('.whitetheme').on('click', function(){ 
$(this).effect("highlight", {}, 2000); 
selected = "whitetheme"; 

/*Moved this line*/ 
console.log(selected); 

return selected; 
$('.blacktheme').fadeOut(1500); 
$('.redtheme').fadeOut(1500); 

}) 
}); 

Answer 3

試着改變它有點像這樣讓你的console.log打印出你點擊後。

$(document).ready(function() { 
    var selected = ""; 

    $('.whitetheme').on('click', function() { 
     $(this).effect("highlight", {}, 2000); 
     selected = "whitetheme"; 
     // return selected; don't need this or the next 2 lines won't execute 

     $('.blacktheme').fadeOut(1500); 
     $('.redtheme').fadeOut(1500); 

     console.log("selected: "+selected); 
    }); 
    // console.log(selected); moved above 
});