每次单击时在文本之间切换

Swtich between text with each click

本文关键字：之间 文本 单击      更新时间：2023-09-26
$("#mute").click(function(){
        $("#audioplayer")[0].muted = $("#audioplayer")[0].muted; 
        $("#message").text("Volume muted");
    })
我需要实现的是，当用户再次单击"静音"

按钮时，他们将收到另一条带有"音量取消静音"的消息，而不是静音，如果他再次单击它，切换回静音，依此类推。

尝试以下操作 

(function() {
  var muted = false;
  $("#mute").click(function(){
    muted = !muted;
    $("#audioplayer")[0].muted = muted;
    var msg = muted ? "Volume muted" : "Volume unmuted";
    $("#message").text(msg);
  });
})();

我会这样尝试：

var playerIsMuted = false;
$("#mute").click(function(){
   if (playerIsMuted){
       $("#audioplayer")[0].muted = false;
       $("#message").text("Volume unmuted");
   }else{
       $("#audioplayer")[0].muted = true;
       $("#message").text("Volume muted");
  }
  playerIsMuted = !playerIsMuted;
})

附加到玩家对象的属性可以更好，而不是全局变量。

希望这有帮助！

相关文章：