在Javascript中返回上一卷

问题描述：

我正在使用音量滑块，您可以在其中单击音量按钮，它将使音频静音，并且当您按下静音按钮时，它应该返回到以前的音频设置。这是我的方法：在Javascript中返回上一卷

当单击音量按钮时，它将条宽度存储在全局变量stored_volume中，一旦它执行此操作，它将音量设置更改为0％。并显示muteBtn

现在，被点击的muteBtn时，应采取stored_volume变量，并把它作为你想回去，同时也变回了音量图标音量

var stored_volume; 

volumeBtn.addEventListener('click', function() { 

    if (volumeBtn.style.display = 'block') { 
     stored_volume = barFull.style.width; 
     alert(stored_volume); 
    } 

    Howler.volume(0); 
    barFull.style.width = (0) + '%'; 
    volumeBtn.style.display = 'none'; 
    muteBtn.style.display = 'block'; 
}); 

muteBtn.addEventListener('click', function() { 

    Howler.volume(stored_volume); 
    barFull.style.width = (stored_volume) + '%'; 
    volumeBtn.style.display = 'block'; 
    muteBtn.style.display = 'none'; 
});

这里是我的HTML

<div class="volume-container"> 
    <div class="media-btn" id="volumeBtn"></div> 
    <div class="media-btn" id="muteBtn"></div> 
    <div id="volume"> 
     <div id="barFull" class="bar"></div> 
     <div id="barEmpty" class="bar"></div> 
     <div id="sliderBtn"></div> 
    </div>     
</div>

barFull是黑色覆盖而barEmpty是灰色的背景色

对不起我的油漆技能！

问题：当我点击音量按钮时，音量下降到0％，但是当我点击静音按钮返回到上一个值时，它保持在0％。

@azad hey对不起，在问题底部添加了问题 –

此警报也没有显示任何内容。这可能会令人困惑，但如果我点击volumeBtn> alert =空白> mutebtn>点击并调整音量到某个级别> volumebtn> alert =调整音量级别 –

可能发布codepen？ – Jeffin

答

Howler.volume(parseInt(stored_volume));

尝试解析您从宽度的测量得到的数值，因为这是你给Howler.Volume()参数没有被承认为一个适当的值的字符串。

不幸的是，这里没有任何改变。有趣的是，我发布了这个在我的问题的评论，这是否帮助你调试？我第一次点击volumebtn时没有收到警报（），但是如果我再次点击它，它会显示0％，因为它没有存储初始宽度，但在静音时它会保存到0％ one..any的想法？ –

在Javascript中返回上一卷

相关推荐