在带有Rails5的form_tag中使用bootstrap-slider Rails

Question

我想在Rails5的部分表单中添加一个滑块。我已经下载了bootstrap- slider Rails gem，并将其包含在application.js中

//= require bootstrap-slider

此外，我还添加了以下代码

<%= f.range_field :price, id: "slider1", :in => 10...100, :class =>"slider" %>

形式为partial。

结果是一个没有任何样式的滑块。我既不能向窗体添加滑块的当前值，也不能向窗体添加图例。我尝试在bootstrap-slider.js或application.js文件中添加一些代码，但没有任何变化。我以前从来没有和JavaScript合作过。有人能帮我解决这个问题吗？我需要向JavaScript文件添加什么内容？

谢谢!

Answer 1

你应该像Bootstrap-Slider-Rails说的那样调用de css和js文件

使用以下命令，

需要从application.js或任何需要的位置获取JavaScript文件：

//= require bootstrap-slider

要求从您的application.scss或任何需要的地方使用CSS文件：

*= require bootstrap-slider

在application.js中调用滑块的jQuery函数：

document.addEventListener("turbolinks:load", function() { 
  $('.slider').slider()
});