问题标签 [bootstrap-slider]

我正在尝试使用 bootstrap-slider-rails gem 在 Rails 4 中制作应用程序。

我找不到如何使用它的示例。

我通过安装 gem 并添加：

到我的 application.css.scss 文件，和

引导滑块是我的 application.js 中需要的最后一件事

在我看来，我想做一个滑块。

我试过粗略地粘贴http://www.eyecon.ro/bootstrap-slider/上显示的文本

$('.slider').slider()

虽然它除了将滑块线打印为文本之外什么都不做。

你如何让这个工作？

相比之下，当我使用来自

http://seiyria.com/bootstrap-slider/

我可以在视图上显示一个滑块。我不认为这使用了宝石。

有谁知道如何让这个工作？

我如何让这个滑块只捕捉到点： https ://jsbin.com/hepiyawumi/edit?html,output

我尝试过使用data-slider-step，但由于这些点的值不均匀，我没有得到想要的结果。

期望的结果是仅捕捉到 0、5、10、20、30，而不是介于两者之间。

我在嵌套形式中使用 simple_form 和 bootstrap_slider。如何传递设置参数？

我正在使用这个

效果很好。jquery 使用该类来更新另一个字段。我无法做的是设置初始值。Bootstrap_slider 想要这个：

如何在 f.input_field 中包含“数据滑块值”？这是嵌套部分的一部分，所以我需要自动生成的 ID 等。我只需要将原始值放入滑块中，以便表单适用于编辑屏幕。

'agt_prof_slider' 类是我在我的 jquery 中使用的，例如，

我正在尝试使用 Slider2 和 Slider3 的总和来更新 Slider1 的值，但它只显示 Slider1 或 Slider2 的值，以移动为准。我在更新 Slider1 的值时犯了一些错误。

这是工作小提琴

代码.html

Javascript.js

代码.css

我正在尝试在 Bootstrap 模态中嵌入一个滑块，但它在模态框中不起作用，但是如果我将代码放在模态框之外，它可以正常工作。

这是我的代码

这是Jquery

提前致谢。

我已经浏览了有关该主题的所有答案，但由于某种原因，我无法使其正常工作。我设置了一个带有以下标记的滑块：

我首先想要的是 console.log 它的数值。我试过玩typeto numberortext但没用。我按照 GitHub 上的示例进行了尝试：

但这产生了错误$(...).getValue is not a function

我尝试写作$('#Xslide').data('slider').getValue()，但产生了错误$(...).data(...) is undefined。

我尝试了示例页面上提供的解决方案，例如

但这根本没有在控制台中显示任何内容..

我已经包含了以下 js 和 css 文件：

不知道为什么它不工作......也许这是关于输入元素id或的东西type，但任何帮助将不胜感激。

我正在实现 Slider，它在Fiddle (Working)中运行良好，但在浏览器中实现时显示类似框。这是它在浏览器中的显示方式的图片。

代码.html

sli.js

控制台没有错误，我已经包含了几乎所有必要的文件，包括 css。但仍然只有框是可见的，而不是滑块。

您能否指出，可能是什么错误，因为我已经为此苦苦挣扎了很多天。

我正在实现引导滑块，并涉及 TOP DOWN 方法来处理它，即当调整 SUM 滑块时，值会传播到它下面的两个滑块。对底部滑块所做的更改也会影响 SUM 滑块。

一切正常，除了当我滑动 SUM 滑块时，下面的两个滑块都是从相同的值开始的，我不想重新调整它，而是从它们当前值的同一点开始。

有没有办法解决这个问题。

这是工作小提琴。尝试滑动 SUM 滑块，下面的两个滑块都会到达我不想要的同一点。SUM 滑块将平均分布在下面的两个之间，但不是来自同一点，即相同的值。

.html

.js

我正在尝试设置引导滑块以在我的 Rails 4 应用程序中工作。

在过去一年的大部分时间里，我一直在努力弄清楚如何让它发挥作用。

我在此页面中尝试了 html/js 的每种组合：http: //seiyria.com/bootstrap-slider/

我不能让他们中的任何一个工作。我没有收到任何控制台错误，并且可以在 chrome 检查器元素窗口中看到 div id。当我尝试使用它时，呈现的视图只是一个空白容器。

我有：

宝石文件

应用程序.js

我还尝试将 bootstrap-slider 移动到 tree 之后的最后一个位置。

应用程序/资产/javascripts/slider.js

应用程序/视图/项目/_trl.html.erb

谁能告诉我在哪里可以找到有关如何使其工作的指导。我不明白为什么其他人都那么容易，而我却那么复杂。

控制台不显示 js 的任何错误。

我正在尝试在我的 Rails 4 应用程序中使用引导滑块。

我尝试使用的功能显示在 bootstrap-slider-rails gem 文档中的这个示例中。

我正在尝试根据数据滑块值动态填充工具提示文本。

在我看来，我有：

然后在我的 js 文件中，我有：

jQuery(文档).ready(函数() {

});

我有一个名为 TRL 的模型。该表具有称为级别（整数）和描述（文本）的属性。

数据滑块值现在显示 trl.level。那部分工作正常，但我不知道如何让格式化程序功能工作。

我可以从文档中看到格式化程序参数不能作为数据属性传递。

我尝试将其添加到 js 方法中，

那行不通。如何在滑块中使用格式化程序功能？

接受 ASHITAKA 的建议

我尝试将我的 js 修改为：

该尝试打印出 <%= @project.trl.description%> 而不是获取该属性的内容并将其打印出来。那么，实现这个概念的下一步是如何将保存在数据库中的数据传递给 js 工具提示？