我正在为一个网站编写代码片段,我想更改点击类,它与 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 图标,我希望它在点击时从 fa-volume-up 变为 fa-volume-off,在我改变它之前,它是 .text,这将使用谷歌字体 Material 图标,因为文本和图标也会发生变化。
如何使用上面的代码在单击时使用 JavaScript 更改类? 从 fa fa-volume-up(默认)到 fa fa-volume-off。
这里必须使用它,因为它使用了控制音量、播放、时间等的 YoutubeFrame API。但是,如果您知道解决方法,那将非常有帮助。
最佳答案
检查 jquery addClass 和 removeClass 函数?
关于javascript - 如何更改点击类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32671540/