Uncaught TypeError：$（...）。滑块不是带Bootstrap-Slider-Rails的函数

Question

我在我的Rails（4.1.8）项目中添加了gem 'bootstrap-slider-rails'，但在尝试调用.slider()时收到错误Uncaught TypeError: $(...).slider is not a function我input

功能的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

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();