各クリックのテキスト間のスウィッチ

Question

$("#mute").click(function(){ 
     $("#audioplayer")[0].muted = $("#audioplayer")[0].muted; 
     $("#message").text("Volume muted"); 
    }) 

私が達成する必要があるのは、ユーザーが「ミュート」ボタンをもう一度クリックすると、ミュートされずに別のメッセージが表示され、再びミュートに切り替えるなどです。

Answer 1

することは、私は私をこのようにしようと、次の

(function() { 
    var muted = false; 
    $("#mute").click(function(){ 
    muted = !muted; 
    $("#audioplayer")[0].muted = muted; 

    var msg = muted ? "Volume muted" : "Volume unmuted"; 
    $("#message").text(msg); 
    }); 
})(); 

Answer 2

を試してみてください。代わりに、グローバル変数の

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; 
}) 

選手オブジェクトに添付属性はよりよいことができます。

願っています！