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