3

我试图在导轨4使用自举滑轨滑轨导航应用程序。自举滑轨滑轨导轨

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

我已通过安装宝石,增加其设置:

​​

我application.css.scss文件,

//= require_tree . 
//= require bootstrap-slider 

引导滑块在我的应用程序所需的最后一件事.js

在我看来,我想制作一个滑块。

我粗略地试图粘贴上http://www.eyecon.ro/bootstrap-slider/

$显示的文字( '滑')。滑块()

虽然它什么都不做,除了打印滑块行文字。

你是如何得到这个工作的?

相反,当我使用示例从

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

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

有谁知道如何得到这个工作?

回答

0

请显示您的浏览器控制台。验证是否存在任何错误,如果你输入的文字有类slider,像下面的例子:

的Gemfile:

gem 'bootstrap-slider-rails' 

application.css:

*= require bootstrap-slider 
*= require_tree . 
*= require_self 

的application.js

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require_tree . 
//= require bootstrap-slider 

$(function() { 
    $('.slider').slider(); 
}); 

test.html.erb:

<input type="text" class="slider" value="" data-slider-min="-20" data-slider-max="20" data-slider-step="1" data-slider-value="-14" data-slider-orientation="vertical" data-slider-selection="after"data-slider-tooltip="hide"> 

我做了一个测试,这种方式有效。祝你好运

编辑:确认您的通话slider()是准备像$(function() {

+0

我尝试之间的区别和你的是,我用比我的CSS树需要进口拉泽。我在我的assets/javascripts文件夹中创建了一个名为slider的文件,并在其中包含了js函数。它不起作用 – Mel

+0

在@import上使用scss也适用于我。您的控制台不显示任何错误? –

+0

没有错误。唯一值得一提的是:在2016-03-27 11:35:41 +1100开始GET“/assets/bootstrap-slider.self-c657f96f6d1f33fcbca0bbbf2f5b12faec819a51afac97740f3078c64067891f.js?body=1”:: 1 – Mel