jquery - 将 noUISlider 与 Rails 一起使用

Question

我正在尝试让 noUiSlider ( http://refreshless.com/nouislider/ ) 与 Rails 一起使用。

我尝试过使用 gem:http://www.rubydoc.info/gems/nouislider-rails/8.2.1#Usage

我尝试在没有 gem 的情况下进行操作 --> 从 http://refreshless.com/nouislider/download/ 获取最新版本。将css和js添加到资源管道中，并更新application.js和application.css。

然后使用: View 中:

<div class="" id="term-slider"></div>

在js中(在$(document).ready(function()内):

var slider = $("#term-slider");
noUiSlider.create( slider, {
  start: [20, 80],
  connect: true,
  range: {
    'min': 0,
    'max': 100
  }
});

尝试使用旧语法和新语法:http://refreshless.com/nouislider/new-version/

但是我看不到它。我收到此错误:noUiSlider.create 需要单个元素。

Answer 1

noUISlider 接受 DOM 元素作为其第一个参数，但您的调用向其发送一个 jQuery 元素(它是具有一些附加属性的 DOM 元素包装器)。

您可以通过使用 native 调用来获取原始 DOM 元素

var slider = document.getElementById('slider');

或者从 jQuery 对象中提取原始元素:

var slider = $("#term-slider")[0];

通话的其余部分可以保持不变。