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

发现MaterialiseCSS在JavaScript中也有一个名为slider的函数。不得不从他们的代码中删除它，并且滑块再次工作。