javascript - 搜索 slider 既不移动也不更新搜索

Question

按照 http://www.developphp.com/view.php?tid=1402 上的视频教程进行操作我已经修改了变量并转换为 jQuery。搜索 slider 似乎不起作用，我在控制台上没有收到任何错误消息。

当我移动 slider 时，它会触发 mousemove 或 mouseup 事件，但不会移动 slider 。即使我手动将 slider 移动到某个位置，它仍然不会更新搜索。

JavaScript

var audio, jPlay, jMute, seekslider, seeking = false, seekto, jVolume;
function init_audio_player(){
    audio = new Audio();
    audio.src = "/samples/xxxx.mp3";

    // Set object references
    seekslider = document.getElementById("seekslider");

    seekslider.addEventListener("mousemove", function(event){ seek(event); });
    seekslider.addEventListener("mouseup", function(){ seeking = false; });

    function seek(event){
        if(seeking){
            seekslider.value = event.clientX - seekslider.offsetLeft;
            seekto = audio.duration * (seekslider.value / 100);
            audio.currentTime = seekto;
        }
    }

}
window.addEventListener("load", init_audio_player);

HTML

<a id="jPlay" class="icon-play"></a>
<a id="jStop" class="icon-stop"></a>
<input id="seekslider" type="range" min="0" max="100" value="0" step="1">
<input id="jVolume" type="range" min="0" max="100" value="100" step="1">

Answer 1

名为 seeking 的变量始终为 false，至少根据您在此处显示的代码是这样。所以你的 seek() 函数永远不会执行任何操作。请注意，在本教程中，有一个 mousedown 监听器，它设置 seeking = true;