问题标签 [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 投票
0 回答
91 浏览

javascript - MultiSlider : 当所有 Slider 的值总和大于阈值时弹出

当所有滑块值的总和超过阈值 80 时,我试图弹出警告。我不确定是否应该在 javascript 文件或 html 中执行此操作,我通过添加变量在这两个文件中进行了尝试exVal2 到 exVal15 但是当我移动滑块并且没有显示弹出窗口时它没有得到更新。

你能建议我怎么做吗?

滑块.html

滑块.js

这是Fiddle 上的工作代码

0 投票
3 回答
2382 浏览

jquery - Bootstrap-slider 自定义手柄

我真的不明白为什么我不能用我自己的照片来代替原来的星星手柄。让我们依靠那个笨蛋来理解。我阅读了作者关于此事的文档:示例 10

在之前的 plunker 上,我按照上面的说明做了:

HTML:

CSS:

链接到我想作为句柄的图片的 url 背景。(替换默认星号)。

正如你在这里看到的:Plunker 图片 - 启用设置背景句柄

带有亚历山大评论的新图片:似乎没有任何改变。

亚历山大的评论

0 投票
2 回答
6366 浏览

jquery - Bootstrap 滑块范围值文本框

所以基本上我试图实现这个 jsfiddle 中的内容:http: //jsfiddle.net/FPCRb/ 有一个用于一系列值的滑块和两个文本框。

这是我的 HTML 表格:

这是我的脚本:

我需要能够在文本框中指定值并使用滑块以及重置按钮。 在此处输入图像描述

看起来像我想要的那样,但移动滑块不会改变文本框,反之亦然,我错过了什么?

0 投票
1 回答
600 浏览

javascript - 引导滑块不会加载

我试图让示例 #2 从这里开始工作:http: //seiyria.com/bootstrap-slider/

它会发生什么,它只是创建一个小文本框而不是滑块。我怎样才能让它正确显示?

0 投票
2 回答
41 浏览

javascript - 动态创建 javascript 插件元素

我正在尝试向我的网页动态添加引导滑块。但是,由于某种原因,添加的滑块没有被初始化。

以下 jsfiddle 演示了我的问题:https ://jsfiddle.net/hLrptave/1/

我有 2 个滑块:一个当前位于页面上(并且可以正常工作),另一个在我单击按钮时由 javascript 动态创建。这两个滑块完全相同,但动态创建的滑块不起作用(它看起来像常规文本输入)。

滑块由 jQuery(或 javascript)初始化,并且都具有以下代码:

所以我的问题是如何初始化页面上不存在的东西?

请记住,我的网页上有很多这些按钮。不确定这是否会影响任何事情。

0 投票
1 回答
159 浏览

javascript - 为什么 Bootstrap Slider 不适用于 Carto 地图?

我已经编辑了 Bootstrap Slider 的属性,如下所示:

您还可以在JSFiddle上查看此代码。

然后我在 carto 上创建了一个地图,并尝试在这个 HTML 页面上添加这个滑块;

最终结果是一个文本框而不是一个滑块。首先,我认为这是一个参考错误。但是,正如您在第一个代码块中看到的那样,滑块单独使用时使用相同的引用。为什么我在文件中添加地图时它不起作用?有没有人见过这样的事情?

0 投票
1 回答
4005 浏览

javascript - 如何将 Bootstrap-Slider 中的工具提示设置为文本字符串与刻度值

我想知道是否可以将tick valuesBootstrap-Slider 中的(发布时最新的 v9.7.2)覆盖为文本字符串与刻度值。

在下面的屏幕截图中,刻度值“2”出现在滑块上最后一个选择元素的上方。我希望能够改为出现“Speak”这个词。那可能吗?

在此处输入图像描述

这是我的 HTML:

这是我的 jQuery/JavaScript:

根据@Seiyria 的回答进行了修改......但它仅适用于法语实例。没有其他语言实例有效:

0 投票
2 回答
1304 浏览

javascript - 如何在 Bootstrap-Slider 插件中捕获 onChange 的值

我无法弄清楚如何捕获 bootstrap-slider 插件上的值变化。

阅读文档。尝试了很多很多东西。

试过(没有成功):

只是寻找任何成功捕捉到滑块值变化的人。如果插件不支持捕获值变化的能力,请回帖。

我从一些尝试中得到的一个控制台日志错误是:

未捕获的 ReferenceError:$ 未定义

0 投票
2 回答
1222 浏览

javascript - 如何在 JavaScript 而不是 jQuery 中捕获属性的值

我想使用 JavaScript 捕获标签上的属性值。我这样做还没有成功。

这是我的 HTML 标记:

这是我的javascript:

是否可以?

仅供参考 jQuery 不适用于引导滑块。试了又试了,我一直在打砖墙。JavaScript 是我可以使用此插件检索值和属性的唯一方法。

修改为包括插件的来源:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/bootstrap-slider.min.js

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/css/bootstrap-slider.min.css

0 投票
2 回答
1748 浏览

javascript - 如何实现 seiyria-bootstrap-slider

我得到 2 个相同的滑块重叠。我只想要 1 个滑块。

不知道如何实现这个插件。有人成功使用过吗?

网络文档片段:

下面是它在 Chrome(最新)和 IE(最新)中的样子: 在此处输入图像描述

我的 jsFiddle: https ://jsfiddle.net/kretrjgz/