javascript - 静音 soundmanager 插件的声音

Question

我使用 soundmanager 在我的网站上播放声音。我有这个代码：

soundManager.setup({
    debugMode: false,
    url: 'http://www.newdayatwork.com/wp-content/themes/roots/static/swf/',
});

soundManager.onready(function() {
    soundManager.createSound({
        id:'soundLaag1',
        url: 'http://www.newdayatwork.com/wp-content/themes/roots/static/wav/laag1.wav'
    });
    soundManager.createSound({
        id:'soundLaag2',
        url: 'http://www.newdayatwork.com/wp-content/themes/roots/static/wav/laag2.wav'
});

$(document).on('click', '.nav-main li', function(e) {
    var item = $(this).attr('class');

    switch (item) {
        case 'menu-imagine active':
        case 'menu-visie active':
            soundManager.play('soundLaag1');
            break;

        case 'menu-workspace active':
        case 'menu-werkplek active':
            soundManager.play('soundLaag2');
            break;

        default:
            soundManager.play('soundMidden1');
            break;
    }
});

$('.menu-sound').click(function() {
     soundManager.mute();
});

当您单击导航项时。比你有声音播放。但现在问题来了。我的网站上有一个按钮。您可以将网站上的声音静音。但这不起作用。当我单击菜单声音按钮时。我这样做：soundManager.mute();

但不仅仅是该页面上的声音。当您单击该按钮时。但是当你点击它们时。应该把整个网站的声音都出来了。

我该如何解决？

谢谢！

Answer 1

$('.menu-geluid, .menu-sound').click(function(e) {
            e.preventDefault();
            if($(this).hasClass('active')) {
                $('body').removeClass('mute');
                $(this).removeClass('active');
            } else {
                $('body').addClass('mute');
                $(this).addClass('active');
            }
        });