知道布爾值是否改變了它的值

Question

當我加載控制檯日誌打印的頁面時true但是當我點擊按鈕時什麼也沒有發生。我認爲，事件聽衆可能會幫助，但我不是很好的javascript請幫助

<button class="shuffle">shuffle</button> 
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
<script type="text/javascript"> 
var player = $("#audioPlayer")[0]; 
var length = $("#queue li").length; 
var shuffle = true; 

$(".shuffle").on('click', function() { 
    if (shuffle === true) { 
     shuffle = false; 
    }else{ 
     shuffle = true; 
    } 
}); 
if (shuffle === true) { 
    console.log('true'); 
} 
if (shuffle === false) { 
    console.log('false'); 
} 

Answer 1

定義一個函數來執行你想要做的事情。然後，您可以在頁面加載時以及用戶點擊時調用它。

function do_player_stuff(p) { 
    if (shuffle) { 
     console.log("Shuffling"); 
    } else { 
     console.log("Not shuffling"); 
    } 
} 

$(".shuffle").on("click", function() { 
    do_player_stuff(player); 
    shuffle = !shuffle; 
}); 

do_player_stuff(player); 

Answer 2

你的代碼似乎工作。但是，您可以像下面那樣簡化它。

var shuffle = true; 
$(".shuffle").on('click', function() { 
    shuffle = !shuffle; 
    //Do whatever code you want to run when boolean changes 
});