问题标签 [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 回答
43 浏览

html - 即使存在依赖项,也无法识别引导滑块

即使存在正确的依赖关系,是否有任何理由无法将引导滑块识别为函数?

Web 应用程序文件夹中下载的 jquery ui 文件被定制为不包含滑块小部件冲突功能。

0 投票
1 回答
367 浏览

javascript - Bootstrap Slider - 更新幻灯片上的值或单击

我在我的网站上使用 HTML 和 JavaScript(没有 Jquery)使用引导滑块。它几乎按照我的意愿设置,带有永久的工具提示和值等。

但是,我想存储用户完成的值。如果用户滑动滑块,我在某种程度上可以工作。如果用户点击滑块,那么它不会更新值。

关于跟踪任何类型的交互的任何建议?

HTML:

JS:

0 投票
1 回答
389 浏览

php - PHP循环:引导滑块每3个项目添加带有项目类的div,第一个将有活动

我拥有的当前代码正在渲染额外div的 . 你能帮我如何使它正确吗?

每 3 个项目将在一个div带有item类的内部,第一个项目将具有active类。

0 投票
1 回答
343 浏览

html - 如何在正确渲染之前防止 Bootstrap-Slider 加载?

我正在做一个网络调查,我必须为每个单独的页面加载几个引导滑块,提交然后移动到下一个我必须再次加载几个引导滑块的地方。问题是,无论何时加载页面(在按下提交之后),它都会加载每个单独的引导滑块(占用比它需要的更多的像素空间),然后再进入它应该呈现的方式。

有人对如何正确加载我的页面有任何建议吗?(即仅在“准备好”时渲染它?)

您可以在https://jsfiddle.net/MRT77/crmhqbaz/5/查看我的代码副本。

HTML

0 投票
0 回答
516 浏览

reactjs - 如何在 Input 标签中为 Bootstrap 滑块定义格式化程序函数?

我在 React 应用程序的网页上使用 Bootstrap 滑块。因为我不能使用 JQuery 来定义滑块,所以我已经加载了 bootstrap-slider.min.js 库,并使用以下 HTML 代码为输入标签定义了带有 data- 属性的滑块:

滑块显示正确,并且工具提示出现在每个手柄上,因为它们被移动。但工具提示没有美元符号和逗号(例如,“100000”等值显示为“$100,000”)。

Bootstrap-slider的文档指出,可以为滑块定义格式化程序对象以格式化工具提示输出,但不能在 data-slider-formatter 属性中设置它。

如何使此滑块调用 formatter() 函数来定义工具提示文本?

0 投票
1 回答
78 浏览

javascript - 与引导滑块交互后启用按钮

我正在编写一个实验,我需要在单击/拖动引导滑块后激活一个禁用的按钮。

我试过click,onmousedown,滑块的值与50(初始值集)函数不同,但它们不起作用。然而,由于这是我第一次用 JS 和 jQuery 编码,我可能没有 100% 正确使用它们。

我的代码:

这个社区讨论已经帮助了我十几次,非常感谢您的宝贵时间!如果问题不够清楚,请告诉我。

0 投票
1 回答
65 浏览

javascript - jquery滑块seiyera仅显示文本框

我在尝试实施时遇到问题seiyria-slider

这是我的代码:

但是只显示一个文本框而不是滑块。

在此处输入图像描述

0 投票
1 回答
178 浏览

jquery - Bootstrap Slider - 如何防止滑块上的手柄控件交叉/翻转

我需要在 bootstrap-slider 的滑块范围控件中应用两个滑块句柄的限制,即不要相互交叉......就像两个句柄停止滑动控制行为的 jquery 滑块 UI,并且永远不会交叉。

我尝试设置值并返回 false,但不起作用

谢谢您的帮助

0 投票
1 回答
471 浏览

javascript - 在滑块引导的刻度之间放置标签

我有一个带有刻度和范围的滑块,我使用bootstrap-slider 文档的一些示例,尤其是示例 12,但是,我不能在刻度之间放置标签。

这是我当前的代码,就像这样

如您所见,标签位于每个刻度下方,我希望它们出现在两者之间,如下所示:

在此处输入图像描述

0 投票
0 回答
264 浏览

jquery - 如何使用 Bootstrap-slider 将文本框输入与滑块链接起来

我已经想出了如何调整我的工具提示和自定义我的滑块,但我现在正在尝试使用文本输入来显示最小值和最大值的值,然后可以使用用户的输入进行更新。由于网上没有类似的东西,我不知道从哪里开始。

我尝试过使用文本框,但我不知道它如何与 jQuery 一起使用。

它应该根据任何输入更新滑块,并且无论是min-value还是,值都应该始终更改max-value