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的函数。 不得不将其从其代码中删除，并且滑块再次正常工作。