javascript - 未捕获的类型错误 : $(. ..).slider 不是 Bootstrap-Slider-Rails 的函数

Question

我将 gem 'bootstrap-slider-rails' 添加到我的 Rails (4.1.8) 项目中，但出现错误 Uncaught TypeError: $(...)。尝试在我的 input

上调用 .slider() 函数时，slider 不是函数

应用程序.js

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

应用程序.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

If there is already a JQuery plugin named slider bound to the JQuery namespace, then this plugin will take on the alternate namespace bootstrapSlider.

所以，你需要改变

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

到

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