javascript - 离子范围滑块颜色和拖动器未在 Laravel 中显示
问题描述
我正在尝试在我的项目中添加 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。
解决方案
打开开发者工具并检查元素。查找相关元素/类并使用 css 调整颜色。
推荐阅读
- java - 为什么在尝试将词法分析器作为 ANTLRv4 中 CommonTokenStream 的输入时出现错误
- laravel - Cypress.io + Laravel + Github Actions:在 Firefox 中运行测试
- python - 为什么 kivy 构建器在尝试从文件“look.kv”加载包含代码的“Logic”小部件时失败
- angular - 每分钟更新我的单元格计时数据的 Angular 方法是什么?
- ffmpeg - vtt文件中的xywh是什么意思
- oracle - 会话共享和新密码
- javascript - 在文件名中使用 %2F 设置图像 src
- r - 在图上标记点(R 语言)
- android - 我们可以通过活动销毁来持久化一个大型状态对象吗?
- mysql - 通过重复 ID 序列对 mysql 查询进行排序