0 
<!-- 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)标识符，但它似乎不起作用，如果我尝试类似的东西：$(.slider)[0].data("max");它不会起作用。

我正在考虑尝试遍历数组，但我真的开始认为也许我不明白该data()函数是如何工作的..

4

0 回答 0