Проблемы при создании нескольких слайдеров jquery-ui

Question

Проблемы при создании нескольких слайдеров jquery-ui

0

У меня на моей странице около 20 слайдеров. Я первоначально использовал на моей странице, но они не отвечают красиво на iPad. Теперь я пытаюсь использовать слайдеры jQuery-UI (с jQuery ui touch punch), но не может, как представляется, инициализировать ползунки с минимальными/максимальными значениями программно.

Ползунок 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'.

Любая помощь будет принята с благодарностью!

FunkyMonk91 30 сен. 2013, в 19:50

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

adeneo · Accepted Answer · 2013-09-30T14-09-00.000Z

Эти опции принимают числа, а не строки:

$(".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));       
});

Теперь я чувствую себя глупо! Спасибо!!! Мне нужно больше сна сна!