jQuery .slider() 不工作

Question

我已经在我的网页上使用 jQuery .slider() 一段时间了，但是突然当我在本地运行时，滑块显示如下我在html中初始化了它，但是什么也做不了（看起来它的值为0，你不能和它交互）：

<div id="volume" style="touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<ul class="indicators"></ul><ul class="indicators"></ul>
</div>

我用这段代码启动它，它以前用完全相同的代码工作过：

$("#volume").slider({
    min: 0,
    max: 100,
    value: 50,
    range: "min",
    animate: true,
    slide: function(event, ui) {
      setVolume(ui.value);
    }
});

它发生在我开始在我的网页上使用 materializecss 和 socket.io 之后。

有人知道如何解决这个问题，并让它恢复正常运行吗？

Answer 1

发现 MaterializeCSS 在其 JavaScript 中也有一个名为 slider 的函数。不得不从他们的代码中删除它，然后滑块又像以前一样工作了。

jQuery .slider() 不工作

jQuery .slider() not working

javascript

jquery

jquery-ui-slider