在带有Rails 5的form_tag中设置bootstrap-slider-rails样式

Question

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

//= require bootstrap-slider

此外，我添加了代码

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

以部分形式。

结果是没有任何样式的滑块。 我既不能将滑块的当前值也不能添加图例。 我试图将一些代码添加到bootstrap-slider.js或application.js文件中，但没有任何变化。 我以前从未使用过JavaScript。 有人可以帮我解决这个话题吗？ 我需要添加什么到JavaScript文件？

谢谢！

Answer 1

您应该调用de css和js文件，例如Bootstrap-Slider-Rails说

需要从application.js或需要使用以下任何位置的JavaScript文件：

//= require bootstrap-slider

需要从application.scss或任何需要使用以下内容的CSS文件：

*= require bootstrap-slider

然后在application.js中为滑块调用jQuery函数：

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