Javascript 离子范围滑块颜色和拖动器未在Laravel中显示

Javascript 离子范围滑块颜色和拖动器未在Laravel中显示,javascript,jquery,laravel,npm,ion-range-slider,Javascript,Jquery,Laravel,Npm,Ion Range Slider,我正在尝试在我的项目中添加ion RangeSlaider 这是我的HTML代码 <div style="position: relative; padding: 200px;"> <div> <input type="text" id="range" value="" name="range" /> </div> </div> 这

我正在尝试在我的项目中添加ion RangeSlaider

这是我的HTML代码

<div style="position: relative; padding: 200px;">
                <div>
                    <input type="text" id="range" value="" name="range" />
                </div>
</div>
这就是我在屏幕上看到的

正如我们所看到的,滑块内部的颜色没有显示出来,设置值的拖动器也没有显示出来。 我不知道为什么它不显示。有人能帮忙吗?
顺便说一下,我用的是拉威尔

打开开发人员工具并检查元素。找到相关的元素/类,并使用css调整颜色

 $(function () {

            $("#range").ionRangeSlider({
                hide_min_max: true,
                keyboard: true,
                min: 0,
                max: 5000,
                from: 1000,
                to: 4000,
                type: 'double',
                step: 1,
                prefix: "$",
                grid: true
            });

        });