创建多个jquery-ui滑块的问题

Question

我的页面上有大约20个滑块。我最初在我的页面上使用，但他们在iPad上没有很好的回应。我现在正在尝试使用jQuery-UI滑块（使用jQuery ui touch punch），但似乎无法以编程方式初始化带有最小值/最大值的滑块。

滑块HTML

<div id="clientPackingOutRep" data-min="5000" data-max="50000" data-step="5000" class="slider"></div>

Slider JS

$(".slider").slider();

$(".slider").each(function(){
  $(this).slider("option", "min", $(this).attr("data-min")); 
  $(this).slider("option", "max", $(this).attr("data-max")); 
  $(this).slider("option", "step", $(this).attr("data-step"));       
});

滑块生成但是当我尝试使用它们中的任何一个时，这会在控制台中回吐给我：

Uncaught TypeError: Object 1500006000010000 has no method 'toFixed'。

非常感谢任何帮助！

Answer 1

这些选项接受数字，而不是字符串：

$(".slider").slider();

$(".slider").each(function(){
  $(this).slider("option", "min", parseInt($(this).data('min'),10)); 
  $(this).slider("option", "max", parseInt($(this).data('max'),10)); 
  $(this).slider("option", "step", parseInt($(this).data('step'),10));       
});