Javascript rangeslider.js jQuery延迟异常rangeslider不是项目中的函数，但与Codepen无关

我正在尝试使用RangeSloider.js将范围滑块添加到我的Django项目中。我用Codepen创建了一个工作示例 一切似乎都很好

当尝试在localhost上启动同一个滑块时，我不断得到一个jQuery延迟异常

[Error]TypeError:undefined不是函数（靠近“…$”（“input[type=“range”]”）。rangeslider…）（匿名函数）（jquery-3.3.1.js:3827）

在这里，我创建了一个包含所有导入内容的示例。我已尝试删除除jQuery和RangeSloider之外的所有导入，并清除了缓存。不幸的是，这并没有解决我的问题

我的脚本名为strategyBuilder.js

我的代码的最小示例

$（文档）.ready（函数（）{
控制台日志（“已加载”）；
$（'.slider'）.RangeSloider({
polyfill:false，
rangeClass:“RangeSloider”，
disabledClass:'RangeSloider--disabled'，
horizontalClass:'范围滑块--水平'，
fillClass:“范围滑块填充”，
handleClass:“范围滑块\手柄”，
onInit:function（）{
},
onSlide：函数（位置、值）{
},
onslidend：函数（位置、值）{
}
})
})

.container{
利润率：10%；
身高：100%；
宽度：50%；
}

---

我在html文件顶部使用了Django模板扩展。结果，我从一个名为base.html的文件中导入了所有导入内容，该文件包含页眉/页脚等

我还将jQuery包含在该文件中。删除它修复了我的问题

---

我会把我的问题留给别人，以防有人因为某种原因出现这个问题。

片段中的一切都很好…@Rojo我知道这就是我面临的问题。我正在寻找任何想法调试只要使用

console.log（字符串）@rojojquery已加载，我能够检索到to do let item=$（'.slider'）；console.log（$（item.attr（'class'）。我甚至尝试创建一个本地版本。RangeSloider.js，并在文件中添加了一个控制台。它首先被控制台，因此理论上在初始化滑块之前加载它。这不是我说的…
console.log
是一个已经包含在js中的函数，不需要添加它。。。