将 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。

然后使用： 在视图中：

<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 requires a single element.

Answer 1

noUISlider 接受一个 DOM 元素作为它的第一个参数，但是你的调用向它发送了一个 jQuery 元素（这是一个 DOM 元素包装器，具有一些额外的属性）。

您可以使用本机调用

获取原始 DOM 元素

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

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

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

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