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的函數。 不得不將其從其代碼中刪除，並且滑塊再次正常工作。