jquery - 切换 HTML5 音频的 'muted' 属性

Question

我正在尝试创建一个静音/取消静音按钮，我对 jquery 很陌生，所以如果有人可以给我任何指示，那将会很有帮助:

$("#dinner").click(function() {
       var bool = $("#player").muted;
       $("#player").attr("muted",!bool);
});

Answer 1

修复它，'muted' 属性实际上是一个属性:

$("#dinner").click(function() {
        var bool = $("#player").prop("muted");
        $("#player").prop("muted",!bool);
});

这也可以通过使用 ES6 箭头函数以及向 prop() 提供一个函数来更简洁地完成，该函数接受属性的当前状态作为参数。在这种情况下，代码看起来像这样:

$('#dinner').on('click', () => $('#player').prop('muted', (_, muted) => !muted));