使用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

你应该像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()
});