如何在點擊時更改班級？

我工作的一個代碼片段的網站，我想改變點擊的類，它有做與YouTube視頻的靜音按鈕，如何在點擊時更改班級？

這裏是我的代碼：

// Sound volume 


$('#mute-toggle').on('click', function() { 
    var mute_toggle = $(this); 

    if(player.isMuted()){ 
     player.unMute(); 
     mute_toggle.text('volume_up'); 
    } 
    else{ 
     player.mute(); 
     mute_toggle.class('fa fa-volume-off'); 
    } 
}); 

$('#volume-input').on('change', function() { 
    player.setVolume($(this).val()); 
});

你會看到「mute_toggle」是一個Font Awesome Icon，我希望它在點擊之前從一個fa-volume-up改變爲fa-volume-off，然後我改變它，它是.text，它會使用谷歌字體材質圖標作爲文字會改變和圖標了。

如何使用上面的代碼點擊使用JavaScript更改類？從fa fa-volume-up（默認）到fa fa-volume-off。

它必須在此使用，因爲它使用YoutubeFrame API來控制音量，播放時間等。但是，如果你知道一個解決方法，這將是最有幫助的。

來源

2015-09-19 Xevion

您是否檢查過jQuery addClass＆removeClass函數？ – ItayB

mute_toggle.addClass（'fa-volume-off''） – ItayB

我會研究它，我之前沒有使用jquery，或者從頭開始編碼，總是使用模板或代碼片段。 – Xevion

檢查jQuery的addClass & removeClass的功能？

來源

2015-09-19 18:08:57 ItayB

工作得很好，希望我不要再問這樣一個愚蠢的問題，感謝您的快速回答，我會在幾分鐘內檢查答案，最終代碼在這裏：http：// pastebin。 COM/raw.php？I = JGWsNL29 – Xevion

$('#mute-toggle').on('click', function() { 
    var mute_toggle = $(this); 

    if(player.isMuted()){ 
     player.unMute(); 
     mute_toggle.text('volume_up'); 
    } 
    else{ 
     player.mute(); 
     mute_toggle.addclass('fa-volume-off'); 

    /* this adds class where #mute_toggle, also you need to add manually .fa class */ 
    /*** or add this line to your code ***/ 

    /* mute_toggle.addclass('fa'); */ 


    } 
}); 

$('#volume-input').on('change', function() { 
    player.setVolume($(this).val()); 
});

來源

2015-09-19 19:26:34

如何在點擊時更改班級？

回答

相關問題