问题标签 [bootstrap-slider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
870 浏览

jquery - 尽管脚本以正确的顺序开始,但引导滑块不起作用

我的<head>标签有:

HTML:

JS:

...我看到的只是一个带有圆角的输入文本框。我怀疑 jQuery-ui 在这里覆盖了滑块命令,所以我也尝试了这个 JS:

....我什么也没看到。DOM 加载新的 HTML,但没有一个是可见的。没有 CSS 隐藏任何这些,但元素的高度都是0,在 CSS 中手动将这些高度设置为更高的数字后,它们仍然不可见:

我什至可以在这个空白处随意点击,然后查看检查器中滑块的值变化!!!对此类问题的其他答案包括将脚本按正确的顺序放置,我已经这样做了。某处是否存在版本不匹配?

没有控制台错误,也没有资源加载失败。

我正在使用 jQuery v 3.3.1 和 bootstrap v 3.3.7。

0 投票
1 回答
140 浏览

ruby-on-rails - 引导数据滑块就地编辑并对数据库安全

我正在尝试在我的“关系”控制器的索引视图中设置一个表,其中包括一个可编辑的数据滑块,它直接将“首选项”值保护到我的数据库中。是否可以将 bootstrap dataslider 与“best_in_place”或表单方法结合使用,或者这是无稽之谈?(我是 ruby​​ on rails 的新手)有人有什么建议吗?谢谢你的帮助!

当前关系索引视图

我正在使用“引导滑轨”

0 投票
1 回答
66 浏览

bootstrap-slider - 引导滑块不更新

我正在尝试使用带有自定义处理程序的引导滑块。但是,当我移动滑块时,该值不会更新。

HTML:

JS:

图片

0 投票
1 回答
219 浏览

javascript - 如何获取触发更改事件的引导滑块的父级

我有两个 Bootstrap 滑块,已初始化并准备就绪。我已将更改事件附加到它们,但我无法获取哪个滑块正在更改,因为更改事件为我提供了一个包含 newValue 和 oldValue 的对象。我需要获取event.target以找到触发更改事件的滑块的父级。

这是我到目前为止的代码:

HTML 夹具

JS

我尝试了很多活动,但没有一个有帮助。

我制作了这个 Fiddle来演示这个问题。

0 投票
1 回答
78 浏览

java - 引导滑块小数尾随问题

在此处输入图像描述

查看第一张图像,最后一个尾随零在滑块中截断。来自后端的数据按照四舍五入的方式出现,但在滑块中未正确显示。

在此处输入图像描述

JSP 页面:

在此处输入图像描述

没有找到任何解决方案,请帮助我。


TIA

0 投票
2 回答
1089 浏览

javascript - 如何从数组(例如本地图像或网站)添加到滑块图像?

我想动态地制作这个 HTML:图像和这个“点”,我想从 JavaScript 数组中加载它们。请帮忙!

0 投票
2 回答
918 浏览

jquery - 在引导滑块工具提示中添加 html 代码

我正在使用带有工具提示的引导滑块,是否可以向其中添加 html 以格式化工具提示内的内容?目前,它只显示滑块的值

我想以不同的字体大小在我的值上方和下方添加文本

0 投票
1 回答
236 浏览

javascript - 带有刻度的对数 jQuery Boostrap 滑块

我正在尝试创建本网站上给出的对数滑块 https://www.enplug.com/pricing?plan=annual&displays=5&devices=5 我在这里取得了一些成功,但无法匹配刻度,这是我的 HTML /JS 代码。我正在使用 jQuery引导滑块

完整的代码片段在这里

我想让它完全像上面的链接https://www.enplug.com/pricing?plan=annual&displays=5&devices=5中所示

刻度部分不正确,滑块位置为 2,刻度数为 5。我已阅读 bootstrap-slider 文档但无法实现相同的布局。

0 投票
2 回答
923 浏览

jquery - 如何在 Bootstrap 范围滑块中选择反向范围?

我使用了Bootstrap 范围滑块,我有 2 个问题完全被卡住了。

我的问题是如何选择反向范围,就像我有一个值为 1 到 10 的滑块然后我必须选择 9 到 3 我该怎么做?

在此处输入图像描述

在这里,我有一个带有月份范围的滑块,我想选择像 oct - feb 我该怎么做???

另一个问题是如何添加两个手柄的标签?

这是我的html代码,

而javascript是,

请帮我解决这个问题,在此先感谢您。

0 投票
3 回答
468 浏览

bootstrap-slider - Bootstrap Slider ... Min and Max ... Change Separator

It would be great if you could help me with a problem.

I'm using Bootstrap Slider (https://seiyria.com/bootstrap-slider/).

I want to display the Current Slider Value.

It works with the comma. How can I change the ',' -> ' to '