No Ui Slider - 使用jquery.data（）方法初始化

Question

<!-- slider container -->
<div class="sliderContainer">
  <!--  no ui slider slider div -->
  <div class="slider"
  data-start="100"
  data-min="0"
  data-max="3000">
  </div>
  <-- hidden input that should be bond to the sliders value -->     
  <input type="hidden" class="sliderInput" name="stuff" value="0">
</div>

$(function(){
  $('.slider').noUiSlider({
    start: [$(this).data(" start ")],
      range: {
        'min': $(this).data(" min "),
        'max': $(this).data(" max ")
      }
  });

我正在使用noUiSlider.js插件来构建我正在构建的表单。 由于表单中有多个滑块，我想要更多动态方式来创建它们。

由于调用$('.slider')会返回一个html .slider元素数组，我认为我可以使用$(this)标识符，但它似乎不起作用，如果我尝试这样的话：{{ 1}}它不会工作。

我正在考虑尝试遍历数组， 但我真的开始认为，或许我不明白$(.slider)[0].data("max");函数是如何工作的。