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

javascript - 如何使用引导滑块显示处理程序内部的值?

我正在使用boostrap 滑块,这就是我实现它的方式:

如何在处理程序中获取值而不是在工具提示中获取值?

预期结果

在此处输入图像描述

0 投票
1 回答
636 浏览

javascript - 设置事件线后chart.redraw()不起作用

我正在使用 morris.js 图表和引导滑块。

我想要做什么:
如果滑块被移动,我想在图表中滑块值的位置插入一条事件线。没什么特别的。

问题:
设置事件后图表没有重绘。插入新数据时,图表会自动重绘。所以我尝试通过再次将现有数据传递给图表来刷新(检查语法是否正确),如下所示:

这是有效的!新事件被绘制到图表中。不幸的是,由于图表正在重绘所有数据,因此性能很差。

文档说有chart.redraw(). 它只是不适合我。也许你们中的某个人可以找出原因。

只需运行代码片段并切换单选按钮来测试这两种方法,您就会发现问题所在。

我感谢这里的每一个帮助。非常感谢!

重要编辑:
只要我可以设置赏金(+1 小时),我就会这样做。这个问题的一个非常重要的附加部分是如何将滑块绑定到单个图表事件而不会滞后。目前使用slide事件而不是slideStop.

0 投票
3 回答
651 浏览

javascript - 如何为 Bootstrap 滑块提供跟踪点?

我有一个场景,比如我有一个 Bootstrap 滑块,因为我想要滑块轨道上的跟踪点,并且工具提示必须固定(即即使在单击后它也必须存在)。

这是我的 Plunker 链接:

http://embed.plnkr.co/D3GJQn/preview

我需要在轨道上获得点,如下图所示:

在此处输入图像描述

0 投票
1 回答
405 浏览

javascript - 如何在 angular-bootstrap-model 中动态绑定值?

在这里,我必须使用 angular-bootstrap-slider 动态绑定刻度、值、最大值和最小值。但我无法绑定这些值。

控制器:

HTML:

现在,我必须绑定滑块的最小值和最大值,例如 {{sliderMinValue}} 和 {{sliderMaxValue}} 而不是静态值。但是当我这样做时,我得到了这种类型的错误,如下图所示:

在此处输入图像描述

Plunker: https ://plnkr.co/edit/mSuWAtL89DEDE88pwAm5?p=preview

0 投票
1 回答
311 浏览

javascript - 工具提示最初位于 seiyria 角度引导滑块中的错误位置?

我将 Seiyria angular-bootstrap-slider 用于范围滑块,但最初当页面加载时,工具提示的位置错误。当它被放置在正常页面时它工作正常,但在模式中它最初位于错误的位置,但是当我点击它时它会被设置。

在此处输入图像描述

0 投票
1 回答
670 浏览

javascript - seiyria bootstrap-slider 处于禁用模式时如何更改工具提示背景颜色?

我在更改 seiyria bootstrap-slider 的提示颜色时遇到问题,当它处于禁用模式时。

HTML:

JavaScript:

通过使用 ng-disabled,我禁用了滑块,但是当它处于禁用模式时,我需要更改与滑块句柄相同的工具提示颜色。如下图所示。

0 投票
0 回答
37 浏览

javascript - 通过javascript显示隐藏的div后如何重新计算显示属性?

我有一个隐藏的 div,里面有一个引导滑块,如下所示:

在浏览网站并单击以显示该 div 时,显示属性不会相应地计算,这会导致以下问题: 在此处输入图像描述

手动调整网站大小时,滑块会自动重新计算显示属性并显示正常:

在此处输入图像描述

通过javascript显示隐藏的div后如何重新计算显示属性:

0 投票
2 回答
3288 浏览

angularjs - 工具提示在引导模式下不起作用?

我将 seiyria angular-bootstrap-slider 用于范围滑块,但最初当页面加载时,工具提示位于错误的位置。当它放置在正常页面中时它工作正常,但在模态中它最初位于错误的位置,但是当我点击它将被设置。那么如何解决这个问题。

HTML:

链接在这里:

密码笔

我在某个网站上找到了这个建议:

但是,在我必须提供 setTimeout 功能的地方,我试图提供,但它显示错误,例如未定义 Slider。

提前致谢。

0 投票
2 回答
845 浏览

javascript - 如何在Angular bootstrap-slider中的ng-click按钮上获取选定的值?

我有一个场景,我必须在按钮单击时获取 Bootstrap 范围滑块的选定值。实际上我有 format() 函数,因为我在控制台中获取选定的值。但是我必须在按钮单击时获得该值。

HTML:

JS:

0 投票
2 回答
6781 浏览

javascript - 引导范围滑块更改事件

我想在引导范围滑块值发生变化时触发一个事件,然后想执行一些 ajax。范围滑块是为了价格。

这是我的ajax:

我尝试了很多选择,但没有任何帮助。

任何人都可以帮忙!