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

jquery - 获取 Jquery 滑块输入中可用的 Rails 4 枚举值

我正在准备一个 AJAX 调用,并为对应于 rails Enum 变量的变量提供了一些 boostrap-slider 输入。我有两个与此相关的问题:

  1. 我在滑块上显示滑块输入。现在,它显示了对应于 rails 枚举的整数。我需要它来显示该整数的值。是否有我可以在 jquery 中使用的映射函数来获得它?如果是这样,我可以包括 ERB 来获得它吗?
  2. 当我提交 AJAX 调用时,我应该将与该枚举一起使用的整数还是实际值提交给服务器?

谢谢你。

0 投票
1 回答
1337 浏览

bootstrap-slider - 如何使用/设置 seiyria-bootstrap-slider?

我承认我是新手网络开发人员。我刚刚用凉亭安装了 seiyria-bootstrap-slider。我似乎有一个问题让它工作。我已按照以下基本指令集将插件 CSS 和 JavaScript 加载到我的网页中。

下面是我使用 angular-route 在不同页面之间导航的 index.html。我相信我错过了一些东西。此外,下面还有我定义的滑块元素。该元素显示在浏览器 (Chrome) 中,但其 nobs 不可移动。

任何线索都非常感谢。

非常感谢。

基本设置

将插件 CSS 和 JavaScript 加载到您的网页中,一切正常!

记得在加载 Bootstrap CSS 和 JQuery 之后加载插件代码。

JQuery 是可选的,插件可以在有或没有它的情况下运行。

请看下面的示例,了解如何与非 JQuery 接口进行交互。

仍然无法让它工作。

index.html

元素

0 投票
1 回答
160 浏览

javascript - 引导滑块加载不起作用

我认为我无法选择属于bootstrap-slider的 DOM 元素。当我尝试使用诸如 之类的事件来定位它们时click,什么都不会被触发。

当我刷新页面时,所有事件都会正确触发。为什么会发生这种情况?

0 投票
1 回答
41 浏览

javascript - 引导滑块不可见

我正在尝试在我正在开发的网站上使用此引导滑块,但它根本不显示:slinder 我在这里创建了一个 plunker 来演示这个问题:Plunker有人知道如何解决这个问题吗?

css

JavaScript:

0 投票
1 回答
119 浏览

javascript - 在另一个滑块上滑动相同的滑块,在引导滑块上具有相同的值

我正在使用引导滑块http://seiyria.com/bootstrap-slider/作为贷款生成器。这里没问题。

但是我必须使用相同的滑块,一个在顶部,另一个在 SlideIn 框中,当顶部超出视口时会出现。

我的问题是如果我使用它的滑块是否有可能SlideSide也会移动滑块并设置新值SlideTop (就像我用鼠标滑动它一样)。

我有顶部滑块

我的想法是这样的

这个想法是,如果用户正在使用 SlideIn 中的滑块并且由于某种原因关闭了 SlideIn 框,则顶部的滑块也将具有新值,并且可以像用户滑动一样查看滑块。

0 投票
1 回答
1362 浏览

javascript - 更新引导滑块的刻度值

我正在尝试在应用程序上所做的一些更改上更新引导滑块的值。

它给了这个error : $(...).setAttribute is not a function

这个问题已经被记录在 gitHub https://github.com/seiyria/bootstrap-slider/issues/451

我已做出建议的更改

这是更新它的代码。

显示错误的小提琴示例: jsfiddle.net/mo6v9x7h/2

0 投票
1 回答
573 浏览

jquery - Bootstrap Slider + Rails:页面加载时加载多个滑块

我在 Rails 4 向导中使用Bootstrap-slider gem,由于某种原因,当我使用滑块导航到向导步骤时,它显示了正确数量的滑块,但是一旦我进入下一步,然后返回到带有滑块的步骤,加载的数量是原来的两倍。

看法:

刷新页面后,视图将恢复并且仅显示 2 个滑块。另外,我不确定这是否相关,但我一直看到警告

bootstrap-slider.min.js:4 bootstrap-slider.js - WARNING: $.fn.slider namespace is already bound. Use the $.fn.bootstrapSlider namespace instead.

但由于我只调用滑块内联,我不知道如何纠正

0 投票
1 回答
3827 浏览

javascript - 如何更改引导滑块中选定部分的颜色

嗨,我使用的是在引导滑块中更改选定部分的颜色链接之一中演示的相同应用程序。即使我使用相同的,我也无法继续。你能看到并让我知道我犯了错误的解决方案吗?我已将必要的 .js 和 .css 文件下载到我的系统中,并在我的 html 页面中引用它们。这个滑块我用于一种反馈。从 1 到 10 的 10 个选项将跟随几个问题。当用户选择 1 到 5 时,滑块应显示“红色”(OK),当它在 6 到 8“橙色”(好)和 9 到 10 之间时显示“绿色”(优秀)。请找到我的以下代码并帮助我。提前致谢

0 投票
0 回答
132 浏览

javascript - 在 wordpress 管理面板中使用 bootstrap-slider 和 bootstrap-switch

我正在使用管理面板创建一个 Wordpress 主题,我想放置引导开关和引导滑块,例如:

在此处输入图像描述 或者 在此处输入图像描述

但问题是我发现页面中的脚本正确添加但没有任何反应。我有这样的脚本:

在页面的文件中,我正确地找到了这个脚本,但是当我尝试滑动时没有任何反应。

我有这样的输入:

在javascript中我有:

它在输入内部创建一个像这样的跨度:

在此处输入图像描述

但是我展示的输入是一个常见的输入: 在此处输入图像描述

我不知道我做错了什么,但我知道这是可能的,因为我已经在其他主题中展示过。

感谢一百万的帮助。

0 投票
1 回答
952 浏览

javascript - 动态更改滑块值

我正在使用引导滑块并在一组三个(简单,中,硬)中动态创建滑块控件。我想动态更改剩余两个滑块的最大值。一组中所有三个滑块的总值不应超过 100。我似乎想不出任何东西,因为所有滑块都具有相同的类。知道如何实现这一目标。?

这是一个 jsfiddle 链接https ://jsfiddle.net/sqj1djyv/1/

HTML:

查询: