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

Question

我的页面上有大约 20 个滑块。我最初在我的页面上使用，但它们在 iPad 上的响应不佳。我现在正在尝试使用 jQuery-UI 滑块（带有 jQ​​uery ui 触摸打孔器），但似乎无法以编程方式使用最小/最大值初始化滑块。

滑块 HTML

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

滑块 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));       
});