Question

我正在处理网站的代码段，我想在点击时更改课程，这与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());
});

你会看到＆＃34; mute_toggle＆＃34;是一个Font Awesome图标，我希望它在点击之前从fa-volume-up更改为fa-volume-off，在我更改之前，它是.text，它将使用google字体材质图标作为文本会改变和图标。

如何使用上面的代码在点击时使用JavaScript更改类？从fa-volume-up（默认）到fa-volume-off。

必须在此使用它，因为它使用YoutubeFrame API来控制音量，播放，时间等。但是，如果你知道一个解决方法，那将是最有帮助的。

Answer 1

检查jquery addClass＆amp; removeClass函数？

Answer 2

    $('#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());
});

如何更改点击课程？

2 个答案: