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

Question

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

这是我的 HTML 代码

<div style="position: relative; padding: 200px;">
                <div>
                    <input type="text" id="range" value="" name="range" />
                </div>
</div>

这是我的 Jquery 代码

 $(function () {

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

        });

这就是我在屏幕上看到的内容。

我们可以看到滑块内的颜色没有显示以及用于设置值的拖动器。 我不知道为什么它没有显示。任何人都可以帮忙吗？ 顺便说一句，我正在使用 Laravel。

Answer 1

打开开发者工具并检查元素。查找相关元素/类并使用 css 调整颜色。