Uncaught：$(.).slider不是带的函数

Question

我将gem 'bootstrap-slider-rails'添加到Rails (4.1.8)项目中，但在试图调用input上的.slider()函数时，我得到了一个错误Uncaught TypeError: $(...).slider is not a function

application.js

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

application.scss

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

html

<div class='panel-body'>
  <span>10</span>
  <input class='span2' data-slider-min='1000' data-slider-step='5' data-slider-value='[250,450]' id='prices' type='text' value=''>
  <span>1000</span>
</div>

js

$(document).ready(function(){
  $("#prices").slider();
});

我的错误在哪里？

Answer 1

在这里找到了一个解决方案https://github.com/seiyria/bootstrap-slider

如果已经有一个名为滑块的JQuery插件绑定到JQuery命名空间，那么这个插件将使用替代的名称空间bootstrapSlider。

所以，你需要改变

$("#prices").slider();

至

$("#prices").bootstrapSlider();